CSS3

値

<angle> 型

[Edge]○。→●

角度。

<angle>

＝実数<単位>

単位付き実数

<単位>：

deg

度。円の全周は 360 度。

<IMG src="../Sample/Picture.jpg" style="transform:rotate(30deg)"><BR>
<IMG src="../Sample/Picture.jpg" style="transform:rotate(-30deg)"><BR>

grad

グラジアン。“ゴン”あるいは“グラード”としても知られる。円の全周は 400 gradian 。

<IMG src="../Sample/Picture.jpg" style="transform:rotate(30grad)"><BR>
<IMG src="../Sample/Picture.jpg" style="transform:rotate(-30grad)"><BR>

rad

ラジアン。円の全周は 2π ラジアン。

<IMG src="../Sample/Picture.jpg" style="transform:rotate(1rad)"><BR>
<IMG src="../Sample/Picture.jpg" style="transform:rotate(-1rad)"><BR>

turn

周回数（turn）。円の全周は 1 周回。

<IMG src="../Sample/Picture.jpg" style="transform:rotate(0.1turn)"><BR>
<IMG src="../Sample/Picture.jpg" style="transform:rotate(-0.1turn)"><BR>

例

background-image:linear-gradient(90deg,#ddf,#fff);

テスト