css3 2D转换总结

1 转换transform 我们简单理解就是形变，有2D和3D之分

2 我们暂且学了三个，位移旋转和缩放

3 2D移动translate（x,y）最大的优势是不影响其他盒子，里面参数用%，是相对于自身宽度和高度来计算的

4 可以分开写比如translateX（x）和translateY（y）

5 2D旋转rotate（度数） 可以实现旋转元素 度数的单位是deg

6 2D缩放scale（x，y）里面参数是数字，不跟单位，可以是小数，最大的优势是不影响其他盒子

7 设置转换中心点transform-origin：x,y；参数可以百分比，像素和方位名词

8 当我们进行综合写法时，同时有位移和其他属性的时候，记得要将位移放到最前。