CSS3

CSS関数

skewX()

  編集:2022.07.09 by T.A.

[Edge]○。→mdn

X 軸方向の 2D 斜傾。

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

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

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

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

関連

skew()skewX()skewY()

transform


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: