CSS 3 2D转换

CSS 3 2D转换

------转换：使用transform 属性将HTML元素 移动、旋转、缩放、倾斜

1.移动 translate(x轴，y轴) 、translateX、translateY

2.旋转 rotate（45deg）//顺时针旋转45度

3.缩放 scale (1.2) //放大1.2倍  

       scale(x轴，y轴)、scaleX 、scaleY 

4.倾斜 skew(45deg，-20deg)//沿x轴倾斜的角度，沿y轴倾斜的角度

transform-origin：转换基准点

-----默认，中心点

       

------矩阵转换 ： matrix（a,b,c,d,e,f）