CSS3

CSS関数

rotate3d()

→●、mdn

回転（3D）。

所与の順による 3 個の <number> 値からなる方向ベクター [x, y, z] を軸とする、回転角 <angle> による、3D 回転を指定する。[0, 0, 0] のような 正規化できない方向ベクターに対しては、回転は適用されない。

注記： 回転は、ベクターが指す先から原点を見たときに時計回りになる。

<number>, <number>, <number> ○

［x、y、z］軸。

<IMG src="Com/Picture.jpg" style="
 transform:rotate3d(1, 0, 0, 45deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:rotate3d(0, 1, 0, 45deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:rotate3d(0, 0, 1, 45deg);
">

<angle> | <zero>

<IMG src="Com/Picture.jpg" style="
 transform:rotate3d(1, 0, 0, 80deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:rotate3d(1, 0, 0, 150deg);
">

関連

rotate()。transform。

テスト