コース推薦：

CSS skewY()関数

定義と使用方法 skewY() CSSの

skewY() 関数は、指定された角度でy軸に沿って要素を傾斜するために使用されます。 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)

技術的詳細

ブラウザのサポート

テーブルの数字は、その機能を完全にサポートする最初のブラウザのバージョンを示しています。

相关页面

教程：CSS 2D 变换

参考：CSS transform 属性

参考：CSS skew() 函数

参考：CSS skewX() 函数