CSS3的transform 转换

transform是可以实现元素位移，旋转，缩放和变形。
只介绍了2D转换~

1. translate 位移：改变元素位置 最多设置两个值，一个水平，一个垂直。如果设置为负数，则代表反方向。可设置百分比。
   eg:实现元素脱标绝对居中

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);

2.rotate 旋转：单位是deg 正数代表顺时针，负数代表逆时针。默认元素的旋转中心在中间位置。可修改旋转中心：transform-origin

3.scale 缩放：改变元素大小，写的值是倍数，不可以设置负数，值大于1放大，值小于1缩小。
4.skew 倾斜：改变元素倾斜的角度，单位是deg，第一个值代表水平，第二个值代表垂直。