AnimationEvent()

Experimental: Esta é uma tecnologia experimental (en-US)
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

O construtor AnimationEvent()retorna o recente criado AnimationEvent, representando um evento em relação a animação.

Síntaxe

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

Argumentos

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 (en-US) 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 "".

Especificações

Specification
CSS Animations Level 1
# dom-animationevent-animationevent

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também