CSS3

CSS関数

rotateX()

  編集:2022.07.09 by T.A.

[Edge]○。→mdn

X軸回転。

rotate3d(1, 0, 0, <angle>) と同じ。

rotateX( [ <angle> | <zero> ] )
<angle>
<IMG src="Com/Picture.jpg" style="
 transform:rotateX(30deg);
">

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

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

関連
rotate()rotateX()rotateY()rotateZ()rotate3d()。transform
テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: