CSS 提供了一组属性,允许您转换和调整二维空间中的元素。用于转换元素的属性包括平移、旋转、缩放、倾斜等。
下表列出了用于转换二维空间中元素的所有各种属性:
| 属性 | 描述 |
|---|---|
| rotate | 按指定角度旋转元素。 |
| scale | 按元素按指定因子进行缩放。 |
| transform | T转换元素,例如旋转、缩放、倾斜或平移。 |
| transform-box | 定义用于转换的布局框。 |
| transform-origin | 设置元素转换的原点。 |
| translate | 将元素从其当前位置移动。 |
| matrix() | 定义基于六个矩阵值的元素的转换。 |
| rotate() | 围绕二维空间中的固定点旋转元素。 |
| rotateX() | 在二维空间中围绕水平轴旋转元素。 |
| rotateY() | 在二维空间中围绕垂直轴旋转元素。 |
| scale() | 在二维空间中放大或缩小元素。 |
| scaleX() | 水平放大或缩小元素。 |
| scaleY() | 垂直放大或缩小元素。 |
| skew() | 在二维空间中偏斜元素。 |
| skewX() | 在水平方向上使元素倾斜。 |
| skewY() | 在垂直方向上偏斜元素。 |
| translate() | 在二维空间中平移元素。 |
| translateX() | 水平平移元素。 |
| translateY() | 垂直平移元素。 |

