css3 变形

 旋转   rotate（）           -webkit-transform: rotate(-10deg);

正值顺时针旋转      负值逆时针旋转    参考中心点旋转

-webkit-transform-origin:left bottom;   改变旋转中心点   left可换位百分比跟像素-webkit-transform-origin:30% bottom;

单位   可以使用单词   像素    百分比

平移      -webkit-transform: translate(100px,100px);

  translateX( )   translateY( )   translate(X ,Y)  参考左上角  只有一个值且没标明方向 为X轴

扭曲     skew( )  单位为角度   skewX( )  skew Y（ ）    skew( X,Y) 正值 X向左倒   Y向下倒

           只有一个值时候作用于想X轴

缩放      scaleX( )   scaleY( )   scale( X, Y)  没有单位数值为倍数   -webkit-transform: scale(2,2);   只有一个值为X和Y

0~1是缩小    1以后是放大  一般都为正值   取值范围为0~正无穷