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删除。