CSSのrotate()関数は、要素を特定の角度だけ歪ませます。正の度数を使用して、要素を時計回りに回転させることができます。または、負の数を使用してアイテムを反時計回りに回転させることもできます。
今日は、CSSを使用して要素を回転させる方法を学習します。なぜ要素を回転させるのですか?要素を回転させると、Webページがよりインタラクティブになります。正しく使用すると、回転要素がサイトの美しさを増します。
この記事を読むときは、コンパニオンリポジトリなので、実際の概念を確認できます。要素を回転させる方法を知っていると、CSSツールボックスに追加されます。
CSSrotate()
CSSのrotate()関数を使用すると、要素を2D軸上で回転させます。 rotate()関数は、Web要素を回転させる角度という1つの引数を取ります。要素を時計回りまたは反時計回りに回転させることができます。
rotate()関数の構文を見てみましょう。
「角度」の値は、要素が回転する角度を表します。正の度数(たとえば45度)を使用して時計回りの回転を指定できます。または、負の次数値(たとえば、-39)を使用して反対方向に回転することもできます。
rotate()関数は、任意のHTML要素に適用できます。たとえば、テキストの段落を回転させることができます。または、画像を回転させることもできます。
ページをレンダリングするとすぐにHTMLの回転が表示されるため、回転は表示されません。ローテーションの動作を確認するには、