transition vs transform (+translate)
- transition : 엘리먼트의 CSS 속성을 변경할 때 두 가지 상태에서 일어나는 변화를 커스터마이징
transition : background-color linear 2s;
MDN_transition
- transform : 엘리먼트에 회전, 크기 조절, 기울이기, 이동 효과
tranform : scale(2);
MDN_transform
- translate : transform 속성에 사용할 수 있는 변형 함수 중 하나로 이동 효과를 담당
transform : translateX(10px);