当前位置主页 > 资料库 > 前端教程 > skew() | CSS属性参考

skew() | CSS属性参考

2016-10-26

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的浏览器兼容性列表如下:

CSS3 2D transform属性的浏览器兼容性列表

相关阅读
Previous:
上一篇:scaleZ() | CSS属性参考
Next:
下一篇:skewX() | CSS属性参考

我要评论

返回顶部