CSS(13):2D
一.2D转换之移动translate
2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。
transform:translate(x,y);（里面可以用到参数%，是相对于自身宽度和高度来计算的）
transform:translateX(n);
transform：translateY(n）；
二.2D转换之旋转rotate：可以实现旋转元素
transform：rotate（度数）
rotate里面跟度数，单位是d，eg比如rotate（45deg）
角度为正时，顺时针，负时，为逆时针
默认旋转的中心点为元素的中心点
三.transform：scale（）放大缩小：里面的参数是数字不跟单位，可以是小数，最大的优势是不影响其他盒子
表示宽高同时1.2倍
四.设置转换中心点transform-origin：x y;参数可以百分比，像素或者方位名词
五.2D转换综合写法
同时使用多个转换：
transform：translate（） rotate（） scale（）...等
其顺序会影响转换效果。（先旋转会改变坐标轴方向）
当我们同时有位移和其他属性的时候，记得要将位移放在最前面。