繼續transform的3D用法：

　　translate3d（x，y，z）定義3D轉換

　　transformX（x）只用x軸的值進行轉換；

　　transformY（y）只用y軸的值進行轉換：

　　transfornZ(z)只用z軸的值進行3d轉換；

　　scale縮放

　　scale3d（x，y，z）定義3d的縮放

　　scaleX（x）在x軸方向的縮放

　　scaleY（y）在y軸方向進行縮放

　　scaleZ（z）定義在z軸的方向進行縮放

　　rotate旋轉（deg角度）

　　rotate3d(x，y，z，angle）定義3d的旋轉

　　rotateX（deg）定義x軸的旋轉

　　rotateY(deg) 定義y軸的旋轉

　　rotateZ(deg)定義Z軸的旋轉

　　matrix3d( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)定義3d的轉換，使用16個4乘4的矩形的值來定位。

　　transform-origin：作用和2d的一樣，都是改變變形的起點 z軸是3d的特有表現

　　transform-style：規定被嵌套的元素如何在3d環境下顯示：

　　　　flat表示不保留在子元素的3d空間

　　　　preserve-3d表示保留子元素的3d空間

　　perspective-origin：規定3D元素的底部位置；目前瀏覽器都不支持；

　　backface-visibility：定義元素在不面對屏幕時是否可見；瀏覽器支持度不好。

轉載于:https://www.cnblogs.com/l8l8/p/8016438.html

總結

以上是生活随笔為你收集整理的关于transform的3D变形函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。