[CSS] transition

transition 애니메이션 속도를 조절하는 방법을 제공합니다.

어떤 애니메이션, 어떤 동작에 걸리는지를 알아야 하는데요.

transform으로 scale에 변화를 준다든가(transform: scale(1.5)),

translate로 이동을 한다든가 하는 움직임에 더불어

background-color가 바뀌는 것에도 transition이 적용됩니다.

따라서 transitionend 이벤트를 통해서 살펴보면 background-color가 바뀌는 동작에서

다음과 같은 TransitionEvent 발생합니다.

event.propertyName을 통해서 특정 transition이 끝날 때를 감지해

각 이벤트 종료에 따른 처리를 할 수 있게 됩니다.