CSSの速度単位とは何ですか?

css回転速度単位とは、CSSでアニメーションやトランジションの回転速度を表現するために使用される単位を指します。通常は、オブジェクト自身の軸または他の軸を中心としたオブジェクトの回転速度を指定するために使用されます。速度の単位を表す一般的な方法は、deg と rad の 2 つです。 deg は最も一般的な回転速度の単位で、物体の回転速度を度単位で指定するために使用されます。正または負の数値を使用して、時計回りまたは反時計回りの回転を表すことができます。 Rad は回転速度を表すもう 1 つの単位です。回転角度をより正確に表すことができます。正または負の数値を使用して時計回りまたは反時計回りの回転を表すことができます。

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

CSS 速度単位とは、CSS でアニメーションやトランジションの回転速度を表現するために使用される単位を指します。 RPM 単位は、オブジェクトが自身の軸または別の軸を中心に回転する速度を指定するためによく使用されます。

CSS では、速度単位には deg と rad という 2 つの一般的な表現があります。

deg (度): 度は回転速度の最も一般的な単位であり、オブジェクトが回転する速度を度単位で指定するために使用されます。完全な円は 360 度であるため、回転速度の単位が度である場合、正または負の数値を使用して時計回りまたは反時計回りの回転を表すことができます。たとえば、1 秒あたり 30 度で時計回りに回転するオブジェクトは、次の CSS コードを使用して表すことができます。

animation: rotate 1s infinite linear;
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30deg);
  }
}

rad (ラジアン): ラジアンは、回転速度を表すために使用される別の単位であり、より正確に表現できます。回転角度。完全な円の対応するラジアンは 2π であるため、回転速度の単位がラジアンの場合、正または負の数値を使用して時計回りまたは反時計回りの回転を表すことができます。度をラジアンに変換する公式は、ラジアン = 度 × (π / 180) です。たとえば、1 秒あたり π/6 ラジアンの速度で反時計回りに回転するオブジェクトは、次の CSS コードを使用して表すことができます:

animation: rotate 1s infinite linear;
@keyframes rotate {
  0% {
    transform: rotate(0rad);
  }
  100% {
    transform: rotate(-0.5236rad);
  }
}

ラジアンを使用するとより正確な回転の測定値が得られますが、実際の開発 中程度、学位の方が一般的で理解しやすいです。

同時に、turn (1 つの円) や grad (勾配) など、他の速度単位も使用できます。 Turn は物体が真円で回転する速度を表し、grad は直角を基準とした角度単位です。ただし、これら 2 つのユニットは実際のアプリケーションではあまり使用されません。

要約すると、CSS の速度単位は、アニメーションやトランジション中のオブジェクトの回転速度を表すために使用される単位です。一般的な速度単位は deg (度) と rad (ラジアン) で、度の方が一般的です。

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