transform-origin
-
[CSS] transform-origin 이란? :: 마이구미HTML, CSS 2022. 6. 4. 15:16
이 글은 CSS 속성 중 transform-origin 에 대해 다룬다. 이해는 하고 있지만, 직접 사용해본 경험이 없을 수 있다. 와닿을 수 있는 활용 사례를 알고 싶다면 도움을 될 것이다. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin transform-origin 속성은 CSS 속성 중 transform 와 함께 사용하는 속성이다. 요소의 transform 을 위한 기준점을 정하기 위해 사용된다. 기본적으로 transform-origin 속성의 기본값은 중앙(center) 이다. transform-origin: 50%, 50% 좌표를 기반으로 transform 의 기준점은 위와 같은 그림으로 이해할 수 있다. 그렇다면, 실제로는..