offset-path
로 지정된 경로에 배치될 때 요소의 방향을 설정한다.
[ auto | reverse ] || <angle>
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
0~360도 범위의 각도 값을 deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.
<angle>
데이터 타입은 <number>
타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0
인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +
, -
부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
offset-path
지정된 경로의 방향 각도에 따라 요소의 방향도 자동으로 회전된다.
offset-path
지정된 경로의 방향 각도에 180도를 더한 만큼 요소 회전된다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
offset-path
지정된 경로의 방향 각도에 따라 요소의 방향도 자동으로 회전된다.
offset-path
지정된 경로의 방향 각도에 180도를 더한 만큼 요소 회전된다.
offset-rotate: auto 45deg;
애니메이션 대상 요소가 기본 회전 각도를 45
도로 조정 후 이동 경로에 따라 자동으로 회전하고 있다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
Motion Path Module Level 1 | Last review date: 2023-2-11 |