<angle>
CSS <angle>
자료형은 각도의 값을 도, 그레이드, 라디안 또는 회전수로 표현합니다. <gradient>
나 일부 transform
함수에서 사용합니다..
시도해보기
구문
<angle>
자료형은 <number>
다음에 아래 나열한 단위 중 하나를 붙여 구성합니다. 다른 CSS 단위처럼 숫자와 단위 문자 사이에 공백은 존재하지 않습니다. 숫자 0
뒤에는 단위를 붙이지 않아도 됩니다.
선택적으로 +
, -
부호를 표시할 수 있습니다. 양의 부호는 시계방향 회전을, 음의 부호는 시계 반대방향 회전을 나타냅니다. 정적 속성에선 하나의 각도를 다른 각도로 표현할 수 있습니다. 예컨대 90deg
는 -270deg
, 1turn
은 4turn
과 동일합니다. 그러나 동적 속성, 즉 animation
이나 transition
에서는 결과가 달라집니다.
단위
예제
시계 방향 우측 90도
90deg = 100grad = 0.25turn ≈ 1.5708rad |
---|
반대로 회전
180deg = 200grad = 0.5turn ≈ 3.1416rad |
---|
시계 반대 방향 우측 90도
-90deg = -100grad = -0.25turn ≈ -1.5708rad |
---|
회전 없음
0 = 0deg = 0grad = 0turn = 0rad |
---|
명세
Specification |
---|
CSS Values and Units Module Level 4 # angles |
브라우저 호환성
BCD tables only load in the browser