Transition이란? Transition은 기본적으로, 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법입니다. 변화는 이동이 될 수도 있고, 크기의 변화일 수 있고, 색깔의 변화 등 무엇이든지 될 수 있습니다. 변화가 일어나려면 기본적으로 변화하기 "전"과 "후" 그리고, "언제" 변화할지가 있어야 합니다. 이때 "언제" 변화할지를 지정하는 것이 상태(State)입니다. 예를 들어, 마우스가 올라가 있는 "상태"(:hover) 일 때 변화하도록 Transition을 지정할 수 있습니다. 상태(State)에 대해선 아래 링크에서 자세히 설명하였습니다. [CSS] States (active, focus, hover, visited, focus-within) 위 그림처럼, transiti..
