AnimationEvent

AnimationEvent 인터페이스는 에니메이션과 관련된 정보를 제공하는 이벤트를 나타냅니다.

AnimationEvent()

주어진 매개변수로 AnimationEvent를 생성합니다.

Event의 속성을 상속합니다.

AnimationEvent.animationName Read only

트랜지션과 관련된 animation-name (en-US) CSS 속성의 값을 가진 DOMString입니다.

AnimationEvent.elapsedTime (en-US) Read only

애니메이션이 재생된 총 시간을 나타내는 실수입니다. 초 단위로, 애니메이션이 일시정지된 시간은 제외합니다. animationstart 이벤트의 elapsedTime은 0.0이지만, animation-delay 값이 음수였다면 대신 (-1 * delay)를 값으로 가집니다.

AnimationEvent.pseudoElement (en-US) Read only

애니메이션이 재생 중인 의사 요소의 이름을 값으로 가진 DOMString입니다. '::'으로 시작합니다. 애니메이션이 일반 요소에서 재생 중이라면 빈 문자열 ''을 반환합니다.

Event의 메서드를 상속합니다.

AnimationEvent.initAnimationEvent() (en-US)

삭제 예정 메서드 Document.createEvent("AnimationEvent")를 사용해 AnimationEvent를 초기화합니다.

• CSS 애니메이션 사용하기
• 애니메이션 관련 CSS 속성과 @-규칙: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count (en-US), animation-name (en-US), animation-play-state (en-US), animation-timing-function (en-US), @keyframes.