rotate()
함수를 독립적인 속성으로 지정한다.
none | <angle> | [ x | y | z | <number>{3} ] && <angle>
<number>
타입의 3개의 x
, y
, z
값은 0
과 1
사이의 회전축을 나타내는 벡터(vector)의 좌표를 의미한다.
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
0~360도 범위의 각도 값을 deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.
<angle>
데이터 타입은 <number>
타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0
인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +
, -
부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
정수 또는 실수를 표현한다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
rotate: 45deg;
rotate: x 45deg;
rotate: y 45deg;
rotate: 0.5 1 1 45deg;
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Transforms Module Level 2 | 초안 작업 | Last review date: 2022-11-14 |