AnimationEvent()

animationEvent = new AnimationEvent(type, {animationName: aPropertyName,
                                           elapsedTime  : aFloat,
                                           pseudoElement: aPseudoElementName});

O construtor AnimationEvent() também herda argumentos do Event().

type

Um DOMString representando o nome do tipo de AnimationEvent. É caso sensitivo e pode ser: 'animationstart', 'animationend', ou 'animationiteration'.

animationName Optional

UmDOMString contendo o valor do animation-name propriedade CSS associada com a transição. É por padrão "".

elapsedTime Optional

Um ponto flutuante dando a quantidade de tempo que a animação esteve rodando, em segundos, quando o evento termina, excluindo qualquer tempo que ela passou pausada. Para um evento "animationstart", elapsedTime é 0.0 a não ser que haja um valor negativo para animation-delay, nesse caso o evento terminará com elapsedTime contendo (-1 *delay). É por padrão 0.0.

pseudoElement Optional

É um DOMString, começando com"::", contendo o nome do pseudo-element que a animação roda. Se a animação não roda em um pseudo-elementomas em um elemento, então temos um string vazio "" .É por padrão "".

• Usando animações CSS.
• Tópicos relacionados a animação CSS, propriedades e regras: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
• The AnimationEvent interface it belongs to.