css3转换

css3的变形（transform）属性
语法

transform: none | <transform-function> [ <transform-function> ]*;

css3 2D转换
1，rotate(),旋转
2，translate() 平移
translateX(x) //X轴移动
translateY(y）//Y轴移动
translate(x,y) //x,y轴同时移动
当只有一个参数时，第二个参数默认为0。

3，scale() 缩放
scaleX(x) //X轴缩放
scaleY(y）//Y轴缩放
scale(x,y) //x,y轴同时缩放
当只有一个参数时，第二个参数默认为和第一个参数一致。

4，skew() 斜切扭曲 //正值顺时针，负值逆时针。（-90deg—+90deg）
skewX(x) //X轴扭曲变形
skewY(y) //Y轴扭曲变形
skew(x,y) //X轴，Y轴同时按一定的角度进行扭曲变形。
当只有一个参数时，第二个参数默认为0。

5，matrix() 矩阵

css3 3D转换
1, rotate3d()
rotateX(angel) //指定对象在x轴上的旋转角度。
rotateY(angel) //指定对象在y轴上的旋转角度。
rotateZ(angel) //指定对象在z轴上的旋转角度。
rotate3d(x,y,x,angle)

 --前3个参数分别表示旋转的方向x,y,z，第4个参数表示旋转的角度，参数不允许省略。
 x,y,z区分0和非0，a(0-1）之间，最小精度为0.1%，表示在x,y,z上旋转角度的a倍。

2, translate3d()
translateZ(z) //z轴移动。
translate3d(x,y,z)//指定对象在x,y,z轴上同时移动。参数缺一不可。
3, scale3d()
scaleZ() //对其厚度进行缩放。
scale3d(x,y,z)//指定对象在x,y,z轴上同时缩放。参数缺一不可。
4, matrix3d()