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）