transform-origin
- transform-origin은 회전 중심점(원점·기준점)을 지정합니다.
- transform, transition 속성과 함께 사용되는 속성입니다.
기본형
transform-origin: x-position | y-position | z-position
- x-position : 가로 위치를 정합니다.
- y-position : 세로 위치를 정합니다.
- z-position : z축 위치를 정합니다.
- 초기 값은 50% 50%으로 요소의 중심점이 됩니다.
위치 값으로 사용할 수 있는 것은 다음과 같습니다.
- 가로 위치 값
left | center | right | 백분율 | 길이
- 세로 위치 값
top | center | bottom | 백분율 | 길이
- z축 위치 값
길이(length)
예제
rotate 속성을 사용하기 전에 기준점을 지정합니다.
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.
scale 속성을 사용하기 전에 기준점을 지정합니다.
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.