Skip to content

skew() ​

描述 ​

skew() CSS 函数在二维空间中水平和垂直或同时在两个方向上倾斜元素。

语法 ​

css
skew() = transform: skew(<angleX> [, <angleY>]?);

值 ​

  • angleX 设置水平角度。正值向左倾斜,负值向右倾斜。
  • angleY 设置垂直倾斜角度。正值向下倾斜,负值向上倾斜。如果未指定值,则默认值为 0,并且不会发生垂直失真。

一个值仅在水平方向设置元素的斜率。两个值独立设置元素水平和垂直方向的坡度。值为 0 时元素不会变形。

效果展示 ​