CSSの回転単位とは何ですか?

CSS の回転単位とは、要素の回転角度を指定する単位で、度 (deg)、ラジアン (rad)、勾配 (grad) です。詳細な紹介: 1. deg、角度を使用して回転の大きさを表し、正の値は時計回りの回転を意味し、負の値は反時計回りの回転を意味します; 2. rad、ラジアン値を使用して回転の大きさを表し、完全な円は 2π ラジアンです。数値範囲は 0 ～ 2π、3. 回転の大きさをパーセンテージで表す grad、完全な円は 400 の勾配で、数値範囲は 0 ～ 400 などです。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

CSS 回転単位は、要素の回転角度を指定するために使用される単位です。 CSS は、度 (deg)、ラジアン (rad)、および勾配 (grad) の 3 つの回転単位を定義します。

度 (度): 度は最も一般的に使用される回転単位であり、角度は回転の大きさを表すために使用されます。完全な円は 360 度で、値の範囲は 0 ～ 360 です。正の値は時計回りの回転を示し、負の値は反時計回りの回転を示します。たとえば、45 度回転するには、次の CSS コードを使用できます。

transform: rotate(45deg);

ラジアン (ラジアン): ラジアンは回転のもう 1 つの単位であり、ラジアン値は回転のサイズを表すために使用されます。完全な円は 2π ラジアンで、値の範囲は 0 ～ 2π です。角度をラジアンに変換すると、次の式を使用できます: ラジアン = 角度 × π / 180。たとえば、π/4 ラジアン (45 度に相当) 回転するには、次の CSS コードを使用できます。

transform: rotate(0.7854rad);

Gradient (grad): グラデーションは、パーセンテージを使用して表現する珍しい回転単位です。回転のサイズ。完全な円は 400 のグラデーションで、値の範囲は 0 ～ 400 です。角度を勾配に変換すると、次の式を使用できます: 勾配 = 角度 × 10 / 9。たとえば、50 (45 度に相当) のグラデーションを回転するには、次の CSS コードを使用できます。

transform: rotate(50grad);

これらの回転単位は、CSS の変換属性で使用して、オブジェクトの回転角度を指定できます。要素は、rotate() 関数を介して取得されます。回転単位の選択は、特定のニーズと個人の好みによって異なります。適切な回転単位を使用すると、コードがより明確で読みやすくなります。

以上がCSSの回転単位とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。