[CSS] Transition

 

◽ Transition

- transition-property: all;

- transition-duration: 1s;

- transition-timing-function: ease;

- transition-delay: 0s;

transition: 1s 2s; // 1초동안 발생, 2초간 딜레이

 

transition-timing-function의 종류

- linear: 가속도 없이 일정한 속도로 진행된다.

- cubic-bezier(0.34, 0.67, 0.59, 1.62);

 

가속도를 직접 지정할 수도 있다.

 

 

 

---

 

 

 

출처

인터랙티브 웹 개발 제대로 시작하기 - 인프런 | 강의