コース推薦：

CSS skew() 関数

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

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

技術的詳細

ブラウザのサポート

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

相关页面

教程：CSS 2D 变换

参考：CSS transform 属性

参考：CSS skewX() 函数

参考：CSS skewY() 函数