本文详细介绍了CSS3中的skew变换及其工作原理。通过实例演示了如何使用skewX和skewY属性来倾斜元素，并解释了不同倾斜角度对元素形状的影响。
transform是css3中对于性能来说是比较安全的
在二维空间里面，skew有两个属性值：skewX,skewY,图形的变化也就是针对这两个值来操作；
transform: skewX(45deg)；
可以看到demo标签向左倾斜45度产生的形变，那么为什么会产生这个形变呢？
因为demo的高度是不变的，只要倾斜角度不是180的倍数，demo的高度始终保持原有的高度，所以只能拉长本身，产生形变；（围绕X轴倾斜，保持高度不变，围绕Y轴，保持宽度不变）
为什么说不是180的倍数呢？原因很简单，如果是180的倍数，demo元素将不可见。
transform: skew(45deg，45deg);
注意：两张图片的围绕中心点不同，这个默认值是图一
扫一扫
1573
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
