CSS - 2D 转换

---

---

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

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

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