CSS transform-origin

transform을 사용할 때 시작되는 지점을 지정할 수 있다. rotate의 경우 기본으로 left top 기준으로 시작하는데 tranform-origin: center를 하면 중앙을 기준으로 rotate 시킬 수 있다.

 

참고 사이트

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin