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