transform属性（2D变形或3D变形）

当有多个变形函数时，使用（，）间隔各函数。这时以从左到右的顺序适用各变形函数

1. transform: translate(), rotate(), scale(), skew(), matrix(), rotateX(), rotateY(), matrix3d();

复制代码

• 移动
  

translate(x方向移动距离,y方向移动距离)
translateX(X方向移动距离)
translateY(Y方向移动距离)
translateZ(Z方向移动距离)
translate3d(X方向移动距离,Y方向移动距离,Z方向移动距离)

• 尺寸缩放
  

scale(x方向尺寸缩放,y方向尺寸缩放)
scaleX(X方向尺寸缩放)
scaleY(Y方向尺寸缩放)
scaleZ(Z方向尺寸缩放)
scale3d(X方向尺寸缩放,Y方向尺寸缩放,Z方向尺寸缩放)

• 旋转
  

rotate(旋转角度)
rotate3d(数值，数值，数值，旋转角度)
rotateX(以X轴为轴心旋转的角度)
rotateY(以Y轴为轴心旋转的角度)
rotateZ(以Z轴为轴心旋转的角度)

• 倾斜
  

skew(X轴倾斜角度，Y轴倾斜角度)
skewX(X轴的倾斜角度)
skewY(Y轴的倾斜角度)

• 远近效果
  

perspective(数值)