css之transform属性

定义元素的旋转（rotate），缩放（scale），移动（translate），倾斜（skew）

rotate

rotate(angle)	定义 2D 旋转，在参数中规定角度。
rotate3d(x,y,z,angle)	定义 3D 旋转。
rotateX(angle)	定义沿着 X 轴的 3D 旋转。
rotateY(angle)	定义沿着 Y 轴的 3D 旋转。
rotateZ(angle)	定义沿着 Z 轴的 3D 旋转。

 

 

 

 

 

 

 

 

scale

scale(x[,y]?)	定义 2D 缩放转换。
scale3d(x,y,z)	定义 3D 缩放转换。
scaleX(x)	沿X轴（水平）方向缩放y倍
scaleY(y)	沿Y轴（垂直）方向缩放y倍
scaleZ(z)	通过设置 Z 轴的值来定义 3D 缩放转换。

 

 

 

 

 

 

 

 

 

translate

translate(x,y)	定义 2D 转换。
translate3d(x,y,z)	定义 3D 转换。
translateX(x)	沿X轴方向移动，
translateY(y)	沿Y轴方向移动，
translateZ(z)	定义 3D 转换，只是用 Z 轴的值。