CSS 提供了一组属性,允许您变换和调整二维空间中的元素。允许您变换元素的属性包括平移、旋转、缩放、倾斜等。

下表列出了用于变换二维空间中的元素的所有各种属性:

属性描述
rotate旋转元素按指定角度移动。
scale缩放元素按指定因子。
transform变换元素,例如旋转、缩放、倾斜或平移。
transform-box定义转换的布局框。
transform-origin设置元素转换的原点。
translate将元素从当前位置移动。
matrix( )根据六个矩阵值定义元素的变换。
rotate()围绕二维空间中的固定点旋转元素。
rotateY()在二维空间中围绕垂直轴旋转元素。
scale()向上或向下缩放元素二维空间。
scaleX()水平向上或向下缩放元素。
scaleY()垂直向上或向下缩放元素。
skew()在二维空间中倾斜元素。
skewX()在水平方向倾斜元素。
skewY ()在垂直方向倾斜元素。
translate()在二维空间中平移元素。
translateX()水平平移元素。
translateY()垂直平移元素。