CSS3的2D变换方法

平移（Translate）：通过指定元素在水平和垂直方向上的偏移量，将元素沿着指定的方向移动。可以使用translateX和translateY来单独指定水平和垂直方向的偏移，或者使用translate同时指定两个方向的偏移。

旋转（Rotate）：通过指定元素围绕一个中心点进行旋转来改变元素的方向。可以使用正值表示顺时针旋转，负值表示逆时针旋转。使用rotate方法可以指定旋转角度。

缩放（Scale）：通过指定元素在水平和垂直方向上的缩放比例来改变元素的大小。可以使用scaleX和scaleY来单独指定水平和垂直方向的缩放比例，或者使用scale同时指定两个方向的缩放比例。

倾斜（Skew）：通过指定元素在水平和垂直方向上的倾斜角度来改变元素的形状。可以使用skewX和skewY来单独指定水平和垂直方向的倾斜角度，或者使用skew同时指定两个方向的倾斜角度。

矩阵变换（Matrix Transform）：通过指定一个2x3的矩阵来进行自定义的2D变换。矩阵中的值控制了平移、旋转、缩放和倾斜，可以实现更复杂的变换效果。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270