추천 과정:

DOM 이벤트 Event 객체

HTML DOM AnimationEvent

AnimationEvent 객체

CSS 애니메이션이 실행될 때 발생하는 이벤트는 AnimationEvent 객체에 속합니다.

속성/메서드 설명
animationName 애니메이션의 이름을 반환합니다.
elapsedTime 애니메이션이 실행된 초수를 반환합니다.
pseudoElement 애니메이션의 가상 요소의 이름을 반환합니다.

상속된 속성과 메서드

AnimationEvent는 다음 객체에서 모든 속성과 메서드를 상속받습니다:

Event 객체

이벤트 유형

이 이벤트 유형은 AnimationEvent 객체에 속합니다:

이벤트 설명
animationend CSS 애니메이션이 완료될 때 이 이벤트가 발생합니다。
animationiteration CSS 애니메이션을 반복할 때 이 이벤트가 발생합니다。
animationstart CSS 애니메이션 시작 시 이 이벤트가 발생합니다。
DOM 이벤트 Event 객체