css之变换transform

 2D属性：tranform
    1、translate()位移
          X轴位移：tranform:translateX(100px);
          Y轴位移：tranform:translateY(100px)；
    2、scale()变形
          scale(正整数):放大
          scale (负值)：倒像放大效果
          支持x轴y轴单独放大
          X轴方向放大scaleX();
          Y轴方向放大scaleY();
    3、rotate()旋转
       rotate 中心===rotateZ
       正值为顺时针，负值为逆时针
       rotateX()方法：元素围绕其X轴以给定的度数进行旋转
       rotateY()方法：元素围绕其Y轴以给定的度数进行旋转
    4、transform-origin:left top ;可以用来设置图像围绕哪个点进行旋转
    5、skew():倾斜
       skewX(50deg):正值拽着右下角形成一定角度值，负值拽着左下角形成一定的角度  
    5、transform:translate rotate scale (有先后顺序)