CSS3

CSS関数

skewY()

  編集:2022.07.09 by T.A.

[Edge]○。→mdn

Y 軸方向の 2D 斜傾。

skewY( [<angle> | <zero>] )

与えられた角度による、Y 軸方向に 2D 斜傾をする。

<IMG src="Com/Picture.jpg" style="
 transform:skewY(30deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:skewY(-30deg);
">

関連

skew()skewX()skewY()

transform


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: