3차원 공간에 회전축을 지정하여 회전처리한다.
rotate3d()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.
<number> , <number> , <number> , [ <angle> | <zero> ]
3개의 <number>
는 순서대로 x
, y
, z
방향의 회전축을 나타내는 벡터(vector)이다. 마지막 매개 변수는 회전 각도를 지정한다. 회전은 벡터의 끝에서 원점을 향해 시계 방향으로 진행된다.
0~360도 범위의 각도 값을 deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.
<angle>
데이터 타입은 <number>
타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0
인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +
, -
부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
정수 또는 실수를 표현한다.
값이 0
인 리터럴 숫자를 나타낸다. 단순히 값이 0
인 <number>
로 평가되는 식(예: calc(0)
)은 <zero>
와 일치하지 않는다. 리터럴 <number-token>
만 수행한다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Transforms Module Level 2 | 초안 작업 | Last review date: 2022-11-14 |