2D 變換

2D Coordiante 系統

根據 2D X / Y 座標系進行變換。X 軸從右向左移動，Y 軸向下移動，如下圖所示：

https://i.stack.imgur.com/epKMy.jpg

因此，正向的 translateY() 向下，正向的 translateX() 向右移動。

瀏覽器支援和字首

• IE 支援此屬性，因為 IE9 帶有 -ms- 字首。舊版本和 Edge 不需要字首
• Firefox 從版本 3.5 開始支援它，並且需要 -moz- 字首直到版本 15
• 從版本 4 到版本 34 的 Chrome 需要 -webkit- 字首
• Safari 需要 -webkit- 字首，直到版本 8
• Opera 需要版本 11.5 的 -o- 字首和版本 15 到 22 的 -webkit- 字首
• Android 需要版本 2.1 到 4.4.4 的 -webkit- 字首

字首變換示例：

-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);