transform
transform 属性规定元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
语法
transform: none|transform-functions;
值
| 值 | 描述 |
|---|---|
| none | 规定不进行转换。 |
| matrix() | 规定 2D 转换，使用六个值的矩阵。 |
| matrix3d() | 规定 3D 转换，使用 16 个值的 4×4 矩阵。 |
| translate() | 规定平面(2D)上移动的元素的位置。这种转换的特点是坐标值定义多少它就在这个方向上移动。 |
| translate3d() | 规定 3D 转换。 |
| translateX() | 规定转换，只适用 X 轴的值。 |
| translateY() | 规定转换，只适用 Y 轴的值。 |
| translateZ() | 规定 3D 转换，只适用 Z 轴的值。 |
| scale() | 规定 2D 缩放转换。 |
| scale3d() | 规定 3D 缩放转换。 |
| scaleX() | 通过设置 X 轴的值来定义缩放转换。 |
| scaleY() | 通过设置 Y 轴的值来定义缩放转换。 |
| scaleZ() | 通过设置 Z 轴的值来定义 3D 缩放转换。 |
| rotate() | 规定 2D 旋转，在参数中规定角度。 |
| rotate3d() | 规定3D 旋转。 |
| rotateX() | 规定沿着 X 轴的 3D 旋转。 |
| rotateY() | 规定沿着 Y 轴的 3D 旋转。 |
| rotateZ() | 规定沿着 Z 轴的 3D 旋转。 |
| skew() | 规定沿着 X 和 Y 轴的 2D 倾斜转换。 |
| skewX() | 规定沿着 X 轴的 2D 倾斜转换。 |
| skewY() | 规定沿着 Y 轴的 2D 倾斜转换。 |
| perspective() | 为 3D 转换元素定义透视视图。 |