回転角度を指定する(2D)

書式

transform : rotate(回転角度)

説明

回転角度を指定するにはtransformプロパティにrotate()を指定します。rotate()には回転させる角度を指定します。45degとすると45度回転します。正数の場合は時計まわりに、負数の場合は反時計回りに回転します。この回転軸はZ方向にのみ行われます。3Dによる回転は別に用意されています。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
transform : rotate(-25deg);
-webkit-transform : rotate(-25deg);
-moz-transform : rotate(-25deg);
-o-transform : rotate(-25deg);
-ms-transform : rotate(-25deg);
}
目次に戻る