CSS で要素を回転させる方法を紹介します。 例えば、文字や画像を傾けたり、回転アニメーションを実装したい時に便利な方法です。 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 の間。数値の
![CSS 要素を回転させる方法 - by Takumi Hirashima](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e2bb354e77ee3a60a95ffd261b418e43d9e49f6/height=288;version=1;width=512/https%3A%2F%2Fhirashimatakumi.com%2Fwp%2Fwp-content%2Fuploads%2F2017%2F07%2F181213_3.jpg)