skew() | CSS属性参考

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

相关阅读

• CSS Transforms Module 1
• MDN transform-function
• CSS属性参考 | transform