CSS skew() 函数

定义和用法

CSS 的 skew() 函数用于按照给定的角度沿 x 轴和 y 轴倾斜元素。

skew() 函数在 transform 属性中使用。

实例

例子 1

使用 skew() 倾斜几个 <div> 元素：

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

亲自试一试

例子 2

使用 skew() 倾斜图像：

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

亲自试一试

CSS 语法

skew(ax, ay)
值 描述
ax 必需。角度。指定沿 x 轴的倾斜。
ay 可选。角度。指定沿 y 轴的倾斜。如果省略，该值设置为 0。

技术细节

版本： CSS Transforms Module Level 1

浏览器支持

数字在表格中表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Mawasiliano ya kawaida

Makao:Muonekano wa Hisia 2D

Mwongozo:Hisia transform

Mwongozo:Hisia skewX() muona

Mwongozo:Hisia skewY() muona