繼續(xù)transform的3D用法：

　　translate3d（x，y，z）定義3D轉(zhuǎn)換

　　transformX（x）只用x軸的值進(jìn)行轉(zhuǎn)換；

　　transformY（y）只用y軸的值進(jìn)行轉(zhuǎn)換：

　　transfornZ(z)只用z軸的值進(jìn)行3d轉(zhuǎn)換；

　　scale縮放

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

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

　　scaleY（y）在y軸方向進(jìn)行縮放

　　scaleZ（z）定義在z軸的方向進(jìn)行縮放

　　rotate旋轉(zhuǎn)（deg角度）

　　rotate3d(x，y，z，angle）定義3d的旋轉(zhuǎn)

　　rotateX（deg）定義x軸的旋轉(zhuǎn)

　　rotateY(deg) 定義y軸的旋轉(zhuǎn)

　　rotateZ(deg)定義Z軸的旋轉(zhuǎn)

　　matrix3d( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)定義3d的轉(zhuǎn)換，使用16個(gè)4乘4的矩形的值來(lái)定位。

　　transform-origin：作用和2d的一樣，都是改變變形的起點(diǎn) z軸是3d的特有表現(xiàn)

　　transform-style：規(guī)定被嵌套的元素如何在3d環(huán)境下顯示：

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

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

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

　　backface-visibility：定義元素在不面對(duì)屏幕時(shí)是否可見(jiàn)；瀏覽器支持度不好。

轉(zhuǎn)載于:https://www.cnblogs.com/l8l8/p/8016438.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。