css2D转换

css2D转换：

可实现元素的位移，旋转，缩放等效果。

移动：

translate 可以改变元素在页面中的位置，类似定位。

语法：

transform:translate(x,y);也可分开写。

transform:translateX(n);

transform:translateY(n);

注意：

定义2D转换中的移动，沿着x和y轴移动元素。

translate优点：效果不会影响其他元素的位置。

translate中的百分比单位是相对于自身元素的translate（50%，50%）；

此效果对行内标签没有效果。

旋转：

语法：

transform：rotate（旋转度数）；

重点：

rotate 里面跟度数，单位是deg。

角度为正时，顺时针，为负时，逆时针旋转。

默认旋转的中心是元素的中心点。