skew() | CSS属性参考

999次阅读
没有评论

共计 502 个字符,预计需要花费 2 分钟才能阅读完成。

CSS skew()函数用于在二维空间中对一个元素进行倾斜。

skew()函数的语法如下:

transform: skew(<angle> [, <angle>]?);

skew()函数用于倾斜一个元素。它接收两个 <angle> 值参数 ax 和 ay。ax 值沿 X 轴倾斜,ay 值沿 Y 轴倾斜。如果 ay 值没有提供,它会被设置为 0。

skew()函数在某些实现中已经被移除,不建议使用这个函数。如果需要在某个方向上倾斜元素,使用 skewX()skewY()函数。另外需要注意的是,skew()的效果不等于 skewX 加上 skewY 的效果。

下面是一些示例代码:

transform: skew(30deg,35deg);
transform: skew(-30deg,30deg);
transform: skew(-0.5rad,1turn);
transform: skew(-1turn,1rad);
transform: skew(-90deg,45deg);
浏览器支持

CSS3 2D Transform 的浏览器兼容性列表如下:

相关阅读
正文完
 0