본문 바로가기

개발/HTML-CSS

여러 애니메이션 효과 차례대로 적용 하기

- 한 요소에 여러 애니메이션을 차례대로 적용해야 하는 경우 `@keyframes` 를 사용하면 쉽게 할 수 있다.
- 하나의 애니메이션 지속시간, 시작 시간(지연 시간), 타이밍 함수를 설정하여 적용한다.

- codepen.io/hwanlee/pen/rNLxJvY

 

run animation

...

codepen.io