transform屬性有斜拉（skew）/縮放（scale）/旋轉（rotate）/位移（translate）
·斜拉skew
用法skew(10deg)或者skew(10deg,20deg)
兩個引數表示傾斜角度
· 乙個引數時表示水平方向傾斜
· 兩個引數時，第乙個表示水平方向傾斜，第二個引數表示垂直方向傾斜
（skew預設的原點的物體的中心點）
縮放scale
用法scale(1)或者scale(2，1)
兩個引數表示縮放倍數
· 乙個引數時，表示高和寬同時縮放的倍數
· 兩個引數時，第乙個引數表示水平縮放的的倍數，第二個引數表示垂直縮放的倍數
（引數可以是正數、負數、小數）
正數是放大、負數是翻轉、小數是縮小
旋轉rotate
用法rotate（10deg）
一共乙個引數，引數單位是deg，正數為順時針旋轉，負數為逆時針旋轉
位移translate
用法translate(10px,10px)
引數表示位移的距離，單位是px
第乙個引數表示水平位移的距離，第二個引數表示垂直位移的距離。
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 總結 如果你全部寫完了，...
CSS3 transform的skew屬性值詳解
我剛剛接觸transform的skew屬性值時一頭霧水，根本不知道種東西到底是咋變的。上網查，各個 上也只說這個使用來做扭曲變換的，具體是咋變的就是不說。無奈我只好自己研究了，現把研究結果共享一下。首先說變換的時候座標系是咋建的，如下圖 transform origin 0px 0px 既然skew...