transform中通常用skew來對盒子進行傾斜。如下代碼:
#div{transform: skewY(10deg);} //對Y方向進行傾斜10度,意思是保留Y方向,將盒子沿着X方向進行傾斜。
在進行傾斜10度后的效果是:
同理,transform:skewX(10deg);對X方向不變,沿着Y方向旋轉10度。如下圖:
transform中通常用skew來對盒子進行傾斜。如下代碼:
#div{transform: skewY(10deg);} //對Y方向進行傾斜10度,意思是保留Y方向,將盒子沿着X方向進行傾斜。
在進行傾斜10度后的效果是:
同理,transform:skewX(10deg);對X方向不變,沿着Y方向旋轉10度。如下圖:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。