[css] transform을 이용한 태그 컨트롤

See the Pen Untitled by leeys (@agent-megurii) on CodePen.

전에 작성했던 aniomation과 같이 사용하면 좋은 transform입니다.

 

transform은 기본적으로 scale, rotate, translate가 있으며

작성 방식은

transform: scale(숫자); 입니다.

 

scale 은 크기를 결정합니다.

ratate는 회전각도를 결정합니다.

translate는 X와 Y값을 변경할수 있습니다.

 

translate는 자기 자신을 기준으로 이동하기 때문에 주의하셔야합니다.