我剛剛接觸transform的skew屬性值時一頭霧水，根本不知道種東西到底是咋變的。上網查，各個**上也只說這個使用來做扭曲變換的，具體是咋變的就是不說。。。。無奈我只好自己研究了，現把研究結果共享一下。
首先說變換的時候座標系是咋建的，如下圖（transform-origin:0px 0px;）。
既然skew(...)的括號裡放的是座標軸旋轉的角度，那麼接下來說一下旋轉正方向的問題。y軸順時針轉為正，x軸逆時針轉為正。
之後圖形就可以確定了，因為兩軸的位置確定了，然後用仿射變換即可確定。
筆記 CSS3transform屬性
transform屬性有斜拉 skew 縮放 scale 旋轉 rotate 位移 translate 斜拉skew 用法skew 10deg 或者skew 10deg,20deg 兩個引數表示傾斜角度 乙個引數時表示水平方向傾斜 兩個引數時，第乙個表示水平方向傾斜，第二個引數表示垂直方向傾斜 sk...
CSS3 transform變換，案例
1 translate x,y 設定盒子位移 2 scale x,y 設定盒子縮放 3 rotate deg 設定盒子旋轉 4 skew x angle,y angle 設定盒子斜切 5 perspective 設定透視距離 6 transform style flat preserve 3d 設定...
CSS3 transform變形功能
單個測試 原圖 單個測試 rotate 單個測試 原圖 單個測試 scale 總結 scalex scaley 可以這兩個這樣單獨的設定，就可以單獨設定是x軸縮放還是y軸縮放了，或者設定兩個值得時候，其中乙個設為0也可以這種效果 單個測試 原圖 單個測試 translate 總結 如果你全部寫完了，...