transform css

transform是CSS中的一个属性，用于对元素进行变换操作。它可以实现平移、旋转、缩放和倾斜等效果。其中包括以下几个常用的变换函数：

1. translateY：用于在Y轴上移动元素的位置。例如，transform: translateY(50px); 可以将元素在垂直方向向下偏移50像素。[1]

2. translateZ：用于在Z轴上移动元素的位置。例如，transform: translateZ(50px); 可以将元素在Z轴上移动50像素。

3. rotateX：围绕元素中心点进行X轴旋转。例如，transform: rotateX(45deg); 可以使元素绕X轴顺时针旋转45度。[2]

4. rotateY：围绕元素中心点进行Y轴旋转。例如，transform: rotateY(45deg); 可以使元素绕Y轴顺时针旋转45度。

5. rotateZ：围绕元素中心点进行Z轴旋转。例如，transform: rotateZ(45deg); 可以使元素绕Z轴顺时针旋转45度。

6. rotate3d：可以同时围绕X、Y、Z轴进行旋转。例如，transform: rotate3d(x, y, z, angle); 可以使元素按照指定的坐标位置和旋转度数进行旋转。

7. skew：用于对元素进行倾斜变换。例如，transform: skew(0, 30deg); 可以使元素按照水平方向顺时针旋转30度，而transform: skew(30deg, 0); 则是按照垂直方向X轴逆时针旋转。[3]

这些transform函数可以单独使用，也可以组合使用，以实现更复杂的变换效果。