css里面的2d转化

1. 平移 translate

transform: translate(100px);                  // 默认x轴

translatex(100px)                          //往右
translatey(100px)                         //往下
translatez(100px)

transform: translate(100px);           //复合3d写法

2.缩放 scale

  transform:  scale(.5)                       //缩小一倍
  transform:  scale(1,2)                     //x轴不变，y轴放大两倍

3.旋转 rotate

transform: rotate（45deg）         //默认z轴旋转，顺时针   
           rotatex                   
           rotatey
           rotatez

		rotate3d（0,0,1,45deg）        //z轴顺时针旋转45度

4.拉伸 skew

transform:skew(45deg,10deg);
skewx(45deg)
skewy(45deg)

transform:skewx(45deg）：