webkit-transform 的含義

-webkit 是表示針對(duì) safari 瀏覽器支持，-ms表示針對(duì) IE 瀏覽器支持。

如下表示的是在 X 軸向右移動(dòng) 50px, Y 軸向下移動(dòng) 100px。

div {
  -ms-transform: translate(50px, 100px);
  -webkit-transform: translate(50px, 100px);

  transform: translate(50px, 100px);
}

- `scale`：縮放，1 為原始大小。參數(shù)正數(shù)時(shí)放大，負(fù)數(shù)縮小。屬性值為一個(gè)時(shí)，`x/y` 軸同時(shí)縮放；屬性值為兩個(gè)值時(shí)，分別控制 `x`、`y` 軸的縮放。

- `rotate`：水平旋轉(zhuǎn)，屬性值格式為 `Xdeg`。`X` 為正數(shù)時(shí)，順時(shí)針旋轉(zhuǎn)；為負(fù)數(shù)時(shí)，逆時(shí)針旋轉(zhuǎn)

- `translate`：平移，基于 `XY` 軸重新定位元素。屬性值為一個(gè)時(shí)，`x`、`y` 軸參數(shù)相同；為兩個(gè)時(shí)，`x`、`y` 軸分別定位

- `skew`：將元素沿水平方向傾斜變形。屬性值為一個(gè)時(shí)，`x/y` 軸參數(shù)相同；為兩個(gè)時(shí)，`x`、`y` 軸各自傾斜