-webkit-transform: skew(45deg);如何区分是X轴变形还是Y轴呢
来源：8-2 CSS3中的变形--扭曲 skew()
qq_夏天就要吃西瓜_0
2019-04-23 11:18
-webkit-transform: skew(45deg);
这句代码没有强调X或者Y轴，那我如何区分是X轴变形还是Y轴呢
写回答
关注
2回答
-
- 小鱼鱼同学
- 2020-04-07 17:13:33
skew(45deg)是沿x轴水平向左变形45deg，x轴的变换不会改变元素的高度，只会在x轴方向上发生形变，y轴与此相反。
-
- keydew
- 2019-04-24 12:56:58
skew有三种格式：
skew(xdeg)：即水平方向扭曲，X轴不动，Y轴逆时针旋转xdeg
skew(xdeg, ydeg)：即X轴顺时针旋转ydeg，Y轴逆时针旋转xdeg
skewX(xdeg)：同skew(xdeg)
skewY(ydeg)：即垂直方向扭曲，Y轴不动，X轴顺时针旋转ydeg
所以skew(45deg)就是Y轴逆时针旋转了45度，让图形在水平方向发生扭曲
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题