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)을 정의합니다.

도(deg): 각도는 가장 일반적으로 사용되는 회전 단위이며, 각도는 회전의 크기를 나타내는 데 사용됩니다. 완전한 원은 360도이며 값 범위는 0~360입니다. 양수 값은 시계 방향 회전을 나타내고 음수 값은 시계 반대 방향 회전을 나타냅니다. 예를 들어 45도 회전하려면 다음 CSS 코드를 사용할 수 있습니다.

transform: rotate(45deg);

Radian(rad): 라디안은 회전의 또 다른 단위이며 라디안 값은 회전 크기를 나타내는 데 사용됩니다. 완전한 원은 2π 라디안이고 값 범위는 0~2π입니다. 각도를 라디안으로 변환하면 라디안 = 각도 × π / 180 공식을 사용할 수 있습니다. 예를 들어 π/4 라디안(45도에 해당)을 회전하려면 다음 CSS 코드를 사용할 수 있습니다.

transform: rotate(0.7854rad);

그라디언트(grad): 그라데이션은 회전 크기를 표현하기 위해 백분율을 사용하는 흔하지 않은 회전 단위입니다. 완전한 원은 400의 그라데이션이며 값 범위는 0에서 400입니다. 각도를 그라데이션으로 변환하면 다음 공식을 사용할 수 있습니다: 그라데이션 = 각도 × 10 / 9. 예를 들어 50도(45도에 해당)의 그래디언트를 회전하려면 다음 CSS 코드를 사용할 수 있습니다.

transform: rotate(50grad);

이러한 회전 단위는 CSS의 변환 속성에서 회전을 통해 요소의 회전 각도를 지정하는 데 사용할 수 있습니다. () 기능. 회전 장치의 선택은 특정 요구 사항과 개인 선호도에 따라 다릅니다. 적절한 회전 단위를 사용하면 코드를 더 명확하고 읽기 쉽게 만들 수 있습니다.

위 내용은 CSS 회전 단위는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!