CSS3

CSS関数

rotateZ()

  編集:2022.10.25 by T.A.

[Edge]○。→

Z軸回転。

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

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

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

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

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

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: