CSS 回転する基準点を変更する方法を紹介します。 例えば、中央以外から回転したい場合に便利な方法です。 回転の基準点を変更する方法 回転の基準点を変更する方法 CSS で回転を行う場合は transform: rotate(0deg); を使用します。 使用した場合、対象要素の中央が回転の基準点となります。 .rotate { transform: rotate(0deg); } ここから基準点を変更する場合は transform-origin を使用します。 用途の多い、左上、真上、右上、右中央、右下、真下、左下、左中央の指定方法を紹介します。 左上
![CSS 回転の基準点を変更する方法 - by Takumi Hirashima](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec33fe1b627738319ad202ae8e3a2ed446286914/height=288;version=1;width=512/https%3A%2F%2Fhirashimatakumi.com%2Fwp%2Fwp-content%2Fthemes%2Ftakumihirashima%2Fimg%2Fogp.png)