前端开发H5 transform

1、旋转 rotate
transform:rotate(50deg);
单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转

2、偏移 translate
transform:translate(50px); 右偏移 （默认右偏移）
transform:translate(50px，50px); 右下偏移
transform:translateX (50px); 右偏移
transform:translateY (50px); 下偏移
transform:translateZ (50px); 前偏移 *可用缩放scale来取代 **涉及到Z轴操作的时候，给父级设置：perspective: 800px;

3、倾斜 skew
transform:skew(50deg); 水平方向逆时针旋转（默认值）
transform:skew(50deg,50deg); 水平逆时针 垂直顺时针
transform:skewX(50deg); 水平逆时针
transform:skewY(50deg); 垂直顺时针

4、缩放 scale
transform: scale(0.5) 一个参数时：表示水平和垂直同时缩放该倍率
transform: scale(0.5, 2); 两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍率。

transition：1s ease all; 运动时间