transform轉換

transform轉換：對元素實現移動、縮放、旋轉、斜切等操作

屬性： 
2D轉換 
（1）2d移動：translate(x)|translate(x,y);
x：x軸移動的向量長度
y：y軸移動的向量長度
單方向：translateX(x)、translateY(y)

（2）2d縮放：scale(xy)|scale(x,y);
x：x軸方向縮放
y：y軸方向縮放
xy：兩個方向縮放一樣 
單方向：scaleX(x)、scaleY(y)

（3）2d旋轉：rotate(angle);
angle：旋轉的角度，正值爲順時針，負值爲逆時針旋轉

（4）2d斜切：skew(angleX)|skew(angleX,anlgeY);
正值爲負方向斜切，負值爲正方向斜切
angleX：x軸方向斜切的角度 
anlgeY：y軸方向斜切的角度
單方向：skewX(angleX)、skewY(angleY)

（5）transform-origin：設置旋轉軸心
屬性值關鍵字：
left top right bottom center

3D轉換
（1）3d移動：translate3d(x,y,z) 
x：x軸移動的向量長度
y：y軸移動的向量長度
z：z軸移動的向量長度
單方向： translateX(x)、translateY(y)、translateZ(z)

（2）3d縮放：scale3d(x,y,z)
x：x軸方向縮放
y：y軸方向縮放
z：z軸方向縮放 
單方向：scaleX(x)、scaleY(y)、scaleZ(z)

（3）3d旋轉rotate3d(x,y,z,angle)
x：x軸方向的向量值 
y：y軸方向的向量值
z：z軸方向的向量值
angle：旋轉角度
單方向： rotateX(angle)、rotateY(angle)、rotateZ(angle)

transform-style：preserve-3d //使被轉換的元素保留3D轉換
perspective：length //設置三維透視距離
perspective-origin：x y  //設置觀察角度