1. 2D轉換
1.1 旋轉rotate
語法：transform:rotate(<角度>)
正角度表示順時針，逆角度表示逆旋轉
transform:rotate(-8deg);
1.2 移動translate
水平移動 translateX(200px)
豎直移動 translateY(200px)
水平豎直均縮放 translate(200px,200px)
1.3 縮放scale
水平縮放 scaleX(0.5)，參數爲縮放倍數，以水平中線爲軸進行縮放
豎直縮放 scaleX(0.5)，參數爲縮放倍數，以豎直中線爲軸進行縮放
1.4 扭曲skew
斜切扭曲（圍繞幾何中心）
水平方向扭曲變形 skewX(角度)
豎直方向扭曲變形 skewY(角度)
雙方向扭曲變形 skew(角度,角度),若第二個參數沒有，則豎直方向不進行斜切
2. 3D轉換
3D轉換沒有斜切
旋轉 rotate3d() ：
rotateX(角度)，繞豎直方向中間軸旋轉；
rotateY(角度)，繞水平方向中間軸旋轉；
rotateZ(角度)，繞水平方向中間軸旋轉；
rotate3d(x,y,z,angle) 參數不允許省略
平移translate3d():
translateZ() ，看起來不會有效果，但其實是相對於屏幕距離眼睛更近了一點，經常用於遮罩。
translate3d(x,y,z) 參數不允許省略
縮放scale3d()：
scaleZ(倍數)，看起來不會有效果，實際上是厚度發生變化
scale3d(x,y,z) 參數不允許省略
3. Transform與座標系統
transform-origin屬性
允許更改轉換元素的位置
語法：transform-origin:x-axis y-axis z-axis;
例如：transform-origin:left top; 圍繞左上角變換
4. CSS3矩陣
5. transform-style屬性
transform-style屬性指定嵌套元素怎樣在三維空間中呈現
語法：transform-style:flat|preserve-3d
默認值爲flat
6. perspective屬性
perspective屬性，指定觀察者與z=0平面的距離，使具有三位位置變換的元素產生透視效果。
語法:perspective:number|none;
perspective-origin屬性，指定透視點的位置。
語法：perspective-origin:x-axis y-axis;
默認值：perspective-origin:50% 50%;
7.backface-visibility屬性
指定元素背面面向用戶時是否可見
語法：backface-visibility:visible|hidden;
visible透明，hidden不透明
默認值：visible
