CSS - transform-origin

transform-origin

 

transform-origin은 transform의 변형 기준점을 지정하는 속성이다.

transform의 변환 원점 기준점은 기본적으로 가운데 (50%,50%) 이다. 

그러나 transform-origin을 이용하면 x,y축의 원점을 변경할 수 있다. 

 

 

기본 속성 : transform-origin: x, y

설명 

• x : left | center | right | % | px 사용가능
• y : left | center | right | % | px 사용가능

 

transform-origin을 이용하려면 transform과 함께 사용해야 한다. 

 

 

출처 : https://www.html5alive.com/html5alive/training_lessons/4-transform-origin/

출처 :http://htmlbook.ru/css/transform-origin

---

 

See the Pen Untitled by dahye (@dahyekim0311) on CodePen.