[CSS] Transitions(전환) 마스터하기

◾ Transitions 

→ 어떤 상태에서 다른 상태로 가는 변화를 애니메이션화 하는 것

→ state 가 없는 요소에 붙어야함

→ transition: background-color 10s ease-in-out

→ transition: all 3s ease-in-out       // 일반적으로 all 을 많이 사용

 

 

linear

→ 무언가를 직선으로 움직이게 만들어줌

→ 쭉 고정적인 속도

 

ease-in-out

→ 천천히 빠르게 천천히