本文详细解析了CSS3中transform属性的skew()函数，介绍了如何通过skew()在X轴和Y轴上对元素进行斜切操作。文章通过实例展示了设置不同参数时元素的变化，帮助读者理解skew()的使用方法。
CSS3的transform中的skew（）属性 坐标系和数学中的坐标系完全不一样（设置斜切原点为左上角）
当设置元素为transform:skew（0，30deg）；元素是按照水平方向Y轴，顺时针旋转的，如下图
设置前：
设置后：
当设置元素为transform:skew（30deg，0）；是按照垂直方向X轴，逆时针旋转的，如下图
设置前：
设置后：
知识点来源：https://www.cnblogs.com/mr-yuan/p/5899299.html
CSS3中的transform中的skew（）属性
最新推荐文章于 2025-07-06 19:44:27 发布
扫一扫
645
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
