transform

属性
transform 向元素应用 2D 或 3D 转换。
transform-origin 动画中心点。
transform-style 规定被嵌套元素如何在 3D 空间中显示。
perspective 规定 3D 元素的透视效果。
perspective-origin 规定 3D 元素的底部位置。
backface-visibility 定义元素在不面对屏幕时是否可见。

| matrix(n,n,n,n,n,n) | 定义 2D 转换，使用六个值的矩阵。
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定义 3D 转换，使用 16 个值的 4x4 矩阵。 | |
| translate(x,y) | 定义 2D 转换。f=css_transform_translate) |
| translate3d(x,y,z) | 定义 3D 转换。 |
| translateY(y) | 定义转换，只是用 Y 轴的值。
| translateZ(z) | 定义 3D 转换，只是用 Z 轴的值。 | |
| scale(x,y) | 定义 2D 缩放转换。
| scale3d(x,y,z) | 定义 3D 缩放转换。 | |
| scaleX(x) | 通过设置 X 轴的值来定义缩放转换。
| scaleY(y) | 通过设置 Y 轴的值来定义缩放转换。
| scaleZ(z) | 通过设置 Z 轴的值来定义 3D 缩放转换。 | |
| rotate(angle) | 定义 2D 旋转，在参数中规定角度。
| rotate3d(x,y,z,angle) | 定义 3D 旋转。 | |
| rotateX(angle) | 定义沿着 X 轴的 3D 旋转。
| rotateY(angle) | 定义沿着 Y 轴的 3D 旋转。
| rotateZ(angle) | 定义沿着 Z 轴的 3D 旋转。
| skew(x-angle,y-angle) | 定义沿着 X 和 Y 轴的 2D 倾斜转换。
| skewX(angle) | 定义沿着 X 轴的 2D 倾斜转换。
| skewY(angle) | 定义沿着 Y 轴的 2D 倾斜转换。
| perspective(n) | 为 3D 转换元素定义透视视图。 |