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