css3 transform属性

transform是应用于元素，对元素做translate（位移），scale（缩放），rotate（旋转），skew（斜切）变换。
（1）translate（位移）
translate(n) n为位移的值，单位是px
实例：
transform:translate(n,m) 定义2D位移，分别对应X,Y轴
transform:translate(n) 定义沿X轴位移（2D效果）
transform:translateY(m) 定义沿Y轴位移（2D效果）
transform:translateZ(l) 定义沿Z轴位移（3D效果）
（2）scale（缩放）
scale(num) 放大num倍，num是比例值，默认为1
实例：
transform:scale(num1,num2)定义2D缩放，沿X轴放大num1倍，沿Y轴放大num2倍
transformX:scale(num) 定义沿X轴缩放num倍（2D效果）
transformY:scale(num) 定义沿Y轴缩放num倍（2D效果）
transformZ:scale(num) 定义沿Z轴缩放num倍（3D效果）
（3）rotate（旋转）
rotate（num）num是旋转角度，单位是deg
实例：
transform:rotateX(num) 定义绕X轴旋转（3D效果）
transform:rotateY(num) 定义绕Y轴旋转（3D效果）
transform:rotateZ(num) 定义绕Z轴旋转（2D效果）
（4）skew（斜切）
skew(num)num是斜切面的角度，单位deg
实例：
transform:skewX(num) 定义沿X轴斜切（2D效果）
transform:skewY(num) 定义沿Y轴斜切（2D效果）
transform:skew(num1,num2) 定义沿X轴，Y轴斜切（2D效果）
注：skew没有3D写法

注：以上所有的变形操作都不会影响到其他操作

逆战班 苏小钶