CSS的變形轉換
屬性：transform
一、translate-位移 常用 該屬性值有三種類型：“translateX”translateY”和“translate。“translate”可以作用於已經執行了“絕對定位（position：absolute）”的元素，而要用“position”已經設定為了“絕對定位”的元素使用“相對定位（position：relative）”需要對佈局進行重新計算，或修改DOM的標籤巢狀方式。
二、transform之縮放scale
該屬性值會讓元素以當前元素的中心進行縮放，引數的值為一個整數或浮點數，如：“1（預設）”不進行縮放，“0.8”縮小為原來的80%，“1.5”擴大到原來的150%，引數不需要單位。
該屬性值有三種類型：“scaleX”、“scaleY”和“scale”：“scaleX”設定元素在X軸方向的縮放，“scaleY”設定元素在Y軸方向的縮放，“scale”可以同時設定元素在X軸和Y軸方向的縮放，引數間用逗號“,”進行分隔。
三、transform之旋轉rotate 常用
該屬性值會讓元素以當前元素的中心(X=width/2，Y=height/2)進行旋轉（若不對“transform-origin”進行設定），旋轉的角度為引數所設定的值，“正數”是順時針，“負數”是逆時針，單位為“deg”。該屬性值有三種類型：“rotateX”、“rotateY”和“rotate（也作rotateZ）”：“rotateX”設定元素在X軸方向的旋轉，“rotateY”設定元素在Y軸方向的旋轉，“rotate”設定元素在Z軸（垂直於元素平面的線）方向的旋轉。
三、 transform之傾斜 skew
該屬性值會讓元素根據水平（X軸）和垂直（Y軸）線引數設定傾斜角度。該屬性值有三種類型：“skewX”、“skewY”和“skew”。“skewX”只有一個引數，用於控制元素在水平軸方向的傾斜，“skewY”只有一個引數，用於控制元素在垂直軸方向的傾斜，“skew”有兩個引數（一個引數相當於“skewX”），分別控制元素在水平和垂直軸方向的傾斜，引數間用逗號“,”進行分隔。
四、組合值
五、變換原點“transform-origin”
六、3D巢狀樣式“transform-style”
七、3D透視“perspective”和“perspective-origin”
八、3D翻轉背面可見性“backface-visibility”