课程
/前端开发
/HTML/CSS
/十天精通CSS3
-webkit-transform: skew(45deg);
这句代码没有强调X或者Y轴，那我如何区分是X轴变形还是Y轴呢
2019-04-23
源自：十天精通CSS3 8-2
正在回答
skew(45deg)是沿x轴水平向左变形45deg，x轴的变换不会改变元素的高度，只会在x轴方向上发生形变，y轴与此相反。
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度，让图形在水平方向发生扭曲
keydew
小鱼鱼同学 回复 keydew
举报
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
4 回答skew()中要同时设置X轴和Y轴要怎么办呢？Y轴单独设置变形又怎么办呢？
2 回答关于x和y轴的方向问题
2 回答z轴位移的25px是如何计算的？？？？
1 回答Z轴的方向
2 回答主轴方向问题
