CSS rotate() 関数
- 前のページ CSS rgb() 関数
- 次のページ CSS rotate3d() 関数
- 上一階層に戻る CSS ファンクションリファレンスマニュアル
定義と使用方法
CSS の rotate()
要素の 2D 回転を定義しています。
rotate()
関数は、 transform
属性で使用しています。
インスタンス
例 1
を使用して rotate()
複数の <div> 要素を回転:
#myDiv1 { transform: rotate(25deg); } #myDiv2 { transform: rotate(45deg); } #myDiv3 { transform: rotate(-45deg); }
例 2
を使用して rotate()
画像を回転:
#img1 { transform: rotate(90deg); } #img2 { transform: rotate(45deg); } #img3 { transform: rotate(-45deg); }
CSS 语法
rotate(angle)
値 | 説明 |
---|---|
angle |
必須。指定する回転角度。
|
技術的詳細
バージョン: | CSS Transforms Module Level 1 |
---|
ブラウザのサポート
テーブルの数字は、この関数を完全にサポートする最初のブラウザのバージョンを示しています。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1 | 12 | 3.5 | 3.1 | 10.5 |
関連ページ
チュートリアル:CSS 2D 変換
- 前のページ CSS rgb() 関数
- 次のページ CSS rotate3d() 関数
- 上一階層に戻る CSS ファンクションリファレンスマニュアル