关于transform的3D变形函数
繼續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变形函数的全部內容,希望文章能夠幫你解決所遇到的問題。