transtion

CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공
속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있다

transition-property - 동적인 효과를 적용할 프로퍼티를 지정(가로길이, 세로길이 등)
transition-duration - 동적인 효과가 진행되는 시간을 지정
transition-timing-function - 효과의 진행속도를 조절(점점 빠르게, 점점 느리게 등)
transition-delay - transition 요청을 받은 후 실제 실행할 때까지 지연시간을 설정

transform

엘리먼트에 회전, 크기 조절, 기울이기, 이동 효과 등을 부여할 때 사용

translate

transform 속성에 사용할 수 있는 변형 함수 중 하나로 이동 효과를 담당한다