transform-origin
transform-origin 속성은 요소의 움직임 방향 및 기준점을 설정합니다. transform 속성과 같이 설정하며 기준점에 따라 애니메이션의 방향을 설정 할 수 있습니다.
transform-origin
transform-origin 요소의 움직임 방향을 정의합니다.
정의(Definition)
- transform-origin 속성은 요소의 움직임 방향을 정의합니다.
문법(Syntax)
transform-origin : x-axis | y-axis | z-axis
속성(Property)
| 속성값 | 설명 |
|---|---|
| x-axis | transform X축 방향을 설정합니다. - left - center - right - length - % |
| y-axis | transform Y축 방향을 설정합니다. - left - center - right - length - % |
| z-axis | transform Z축 방향을 설정합니다. - left - center - right - length - % |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| transform-origin | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
