css中skew是什么意思

skew的意思为“倾斜”，是css中的内置函数，需与transform属性一起使用，用于元素的倾斜转换。css中有3种skew：“skew(x-角度,y-角度)”沿着X和Y轴的倾斜转换，“skewX(角度)”或“skewY(角度)”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

skew的意思为“倾斜”，是css中的内置函数，需与transform属性一起使用，用于元素的倾斜转换。

Transform属性应用于元素的2D或3D转换，这个属性允许你将元素旋转，缩放，移动，倾斜等。

可以有3种skew()

• skew(x-angle,y-angle)    定义沿着 X 和 Y 轴的 2D 倾斜转换。    

• skewX(angle)    定义沿着 X 轴的 2D 倾斜转换。    

• skewY(angle)    定义沿着 Y 轴的 2D 倾斜转换。  

skewX() 

倾斜该元素，里面填的是角度，下面↓ 你会看到，随着元素被倾斜，高度居然不变。聪明的你，一定会知道，高度不变，代表了，Y轴被拉伸了。

跟scale 同理，改变的是 轴的刻度。 → scale

skew

也就是 skewx  和 skewy 的结合体，但是又有不同之处。

如果使用单个参数，那跟单独使用 skewx 和 skewy是一样的效果

 但是！如果你同时使用两个参数了，那么跟 同时使用skewx 和 skewy 时有一点差异的。

 那么，是为什么会出现这种差异呢？  其实道理很简单，skewX(40deg), skewY(40deg)  的执行顺序是，  先按照 X轴 斜切 40deg， 然后再按照Y 斜切40deg， 但是吧skew(40deg, 40deg)，可不是这样的。他是同时 进行操作的，所以，结果略有不同。

学习视频推荐：css视频教程

Atas ialah kandungan terperinci css中skew是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!