css3系列之transform 詳解skew


  skew

  skewx

  skewy

 

skewX() 

傾斜該元素,里面填的是角度,下面↓ 你會看到,隨着元素被傾斜,高度居然不變。聰明的你,一定會知道,高度不變,代表了,Y軸被拉伸了。

跟scale 同理,改變的是 軸的刻度。 → scale

 

skew

也就是 skewx  和 skewy 的結合體,但是又有不同之處。

如果使用單個參數,那跟單獨使用 skewx 和 skewy是一樣的效果

 

但是!如果你同時使用兩個參數了,那么跟 同時使用skewx 和 skewy 時有一點差異的。

 那么,是為什么會出現這種差異呢?  其實道理很簡單,skewX(40deg), skewY(40deg)  的執行順序是,  先按照 X軸 斜切 40deg, 然后再按照Y 斜切40deg, 但是吧skew(40deg, 40deg),可不是這樣的。他是同時 進行操作的,所以,結果略有不同。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM