CSS3--transform相關屬性

---transform屬性使用---

一、過分時間 ：transition: transform 2s;

二、transform： 應用 2D 或 3D 轉換。能夠對元素進行旋轉、縮放、移動或傾斜。

　　（1）2D 轉換：transform: matrix(a,a,a,a,x,y);——>abcd二維矩陣、xy表示座標

　　（2） 3D 轉換：transform: matrix3d(a,a,a,a,a,a,a,a,a,a,a,a,a,a,a,a);16值矩陣

　　（3）2D 轉換：transform: translate(x,y); 在xy軸移動指定像素，translateY(y)、translateX(x)

　　（4）3D 轉換：transform: translate3d(x,y,z);

　　（5）2D 縮放：transform: scale(x,y)：xy——>在xy軸上面的縮放量，xy用數字，xy爲1沒變化；可單獨操做：scaleY(y)，scaleX(x)

　　（6）3D縮放：transform:scale3d(x,y,z); xyz——>在xyz軸上面的縮放量，xyz均爲數值

　　（7）2D旋轉：transform: rotate(angle);  angle爲旋轉的度數，單位爲deg，例如旋轉90度：90deg；

　　（8）3D旋轉：transform:rotate3d(x,y,z,angle);  rotateX/Y/Z(angle)沿着 X/Y/Z軸的 3D 旋轉

　　（9）2D傾斜：skew(x-angle,y-angle); 在XY軸上面的傾斜角度，也能夠單獨設置某軸上的傾斜角度