网站地图    收藏   

主页 > 专题教程 > css >

skew()

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

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

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

skew()函数的语法如下:

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

skew()函数用于倾斜一个元素。它接收两个值参数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的浏览器兼容性列表如下:

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论