CSS中transform:skew屬性理解


transform中通常用skew來對盒子進行傾斜。如下代碼:

#div{transform: skewY(10deg);}  //對Y方向進行傾斜10度,意思是保留Y方向,將盒子沿着X方向進行傾斜。

在進行傾斜10度后的效果是:

同理,transform:skewX(10deg);對X方向不變,沿着Y方向旋轉10度。如下圖:

 


免責聲明!

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



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