[CSS3] transform(rotate, translate, scale 등등..)의 기준점 변경하기

css의 transform을 이용해 다양한 효과나 애니메이션을 구현합니다.

 

scale, rotate, skew 등등  transform을 이용해 모양을 변형시킬 때 

기준이되는 기준점을 지정해 줄 수 있는 속성이 transform-origin입니다.

 

 

center, top left , bottom right 등을 이용해 지정할 수도 있고,

px을 이용해 원하는 위치를 지정할 수 있습니다.