webkit-transform 的含义
-webkit 是表示针对 safari 浏览器支持，-ms表示针对 IE 浏览器支持。
如下表示的是在 X 轴向右移动 50px, Y 轴向下移动 100px。
div {
-ms-transform: translate(50px, 100px);
-webkit-transform: translate(50px, 100px);
transform: translate(50px, 100px);
}
- `scale`：缩放，1 为原始大小。参数正数时放大，负数缩小。属性值为一个时，`x/y` 轴同时缩放；属性值为两个值时，分别控制 `x`、`y` 轴的缩放。
- `rotate`：水平旋转，属性值格式为 `Xdeg`。`X` 为正数时，顺时针旋转；为负数时，逆时针旋转
- `translate`：平移，基于 `XY` 轴重新定位元素。属性值为一个时，`x`、`y` 轴参数相同；为两个时，`x`、`y` 轴分别定位
- `skew`：将元素沿水平方向倾斜变形。属性值为一个时，`x/y` 轴参数相同；为两个时，`x`、`y` 轴各自倾斜
|
