Esta página foi traduzida do inglês pela comunidade. Saiba mais e junte-se à comunidade MDN Web Docs.

View in English Always switch to English

AnimationEvent()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨agosto de 2016⁩.

Experimental: Esta é uma tecnologia experimental
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 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

Veja também