transition과 transform을 간단히 정리해보자.
transition은 css속성 변경시 두가지 상태에서 일어나는 변화를 커스텀할 때 사용한다.
transition: backround linear 2s;
transform: 회전, 크기조절, 기울이기 등 에니메이션 효과
transform:scale(2); => 2배 증가
translate : transform에 사용할 수 있는 이동효과를 담당
transform:translateX(10px)x좌표로 10px이동
