2D 变换

Created: November-22, 2018

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);