translate , transform, transition의 차이

transform은 CSS 시각적 서식 모델의 좌표공간을 변경하는 속성

transform: translate(120px, 50%); -> x축으로 120px y축으로 50%이동

translate(X,Y)는 위치를 이동시키는 함수

transition은 속성이 가상클래스 선택자 또는 javascript로 인해 변화할때 변화의 속성을 정의하는 속성