05-2D与3D转换

2D转换

下列是transform：；中的属性

transform-origin(x,y)设置旋转中心点；（默认值50% 50%）

属性	作用
translate(x,y)	根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动
scale(x,y)	缩放转换，改变元素的宽度和高度
rotate(angle)	旋转，在参数中规定角度
skew(x-angle,y-angle)	倾斜转换，沿着 X 和 Y 轴
transform:matrix(X缩放,Y倾斜,X倾斜,Y缩放,X平移,Y平移)	符合属性，matrix 方法有六个参数，包含旋转，缩放，移动（平移）和倾斜功能

3D转换

语法

xyz是3D物体的坐标，deg是3D物体旋转的角度
transform: rotate3d(x, y, z, deg) – 沿着自定义轴旋转 deg 为角度
translate3d(x,y,z) –