CSS skewY() 函数

定义和用法

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

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

实例

例子 1

使用 skewY() 按照给定的角度沿 y 轴倾斜几个 <div> 元素：

#myDiv1 {
  transform: skewY(15deg);
}
#myDiv2 {
  transform: skewY(30deg);
}
#myDiv3 {
  transform: skewY(-25deg);
}

亲自试一试

例子 2

使用 skewY() 按照给定的角度沿 y 轴倾斜图像：

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

亲自试一试

CSS 语法

skewY(a)

技术细节

浏览器支持

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

Halaman yang berhubungan

Tutorial：Transformasi 2D CSS

Referensi：Atribut transform CSS

Referensi：Fungsi skew() CSS

Referensi：Fungsi skewX() CSS