CSS 要素を回転させる方法 - by Takumi HirashimaCSS で要素を回転させる方法を紹介します。 例えば、文字や画像を傾けたり、回転アニメーションを実装したい時に便利な方法です。 CSS で要素を回転させる方法 CSS で要素をX軸回転させる方法 CSS で要素をY軸回転させる方法 CSS で要素をZ軸回転させる方法 回転アニメーションさせる方法 hover した時に要素を回転させる方法 CSS で要素を回転させる方法 CSS で要素を回転させるには transform プロパティ rotate() を使用します。 要素に rotate() を指定した時の見た目は次のようになります。 ベースの HTML は次の通りです。 <div class="rotate">ななめ45°</div> CSS の指定は次の通りです。 .rotate { transform: rotate(45deg); } 指定できる数値は 0 から 360 の間。数値の
