CSS3——之transform

transform兼容写法

div{
    transform:rotate(7deg);         /* W3C标准 */
    -ms-transform:rotate(7deg); 	/* IE 9 */
    -moz-transform:rotate(7deg); 	/* Firefox */
    -webkit-transform:rotate(7deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg); 	    /* Opera */
}

rotate——旋转（正顺负逆）

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

translate——平移

translate(x,y)	水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）。
translate3d(x,y,z)	3D 转换。x y z轴同时移动
translateX(x)	只沿x轴进行移动。
translateY(y)	只沿y轴进行移动。
translateZ(z)	只沿z轴进行移动。

scale——缩放

scale(x,y)	定义 2D 缩放转换。
scale3d(x,y,z)	定义 3D 缩放转换。
scaleX(x)	只对x轴进行缩放
scaleY(y)	只对y轴进行缩放
scaleZ(z)	只对z轴进行缩放。

skew——倾斜

skew(x-angle,y-angle)	x轴，y轴同时进行扭曲倾斜，参数分别是两个方向的扭曲角度。
skewX(angle)	只在x轴进行扭曲变换。
skewY(angle)	只在y轴进行扭曲变换。