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
DOMStringrepresentando o nome do tipo deAnimationEvent. É caso sensitivo e pode ser:'animationstart','animationend', ou'animationiteration'. animationNameOptional-
Um
DOMStringcontendo o valor doanimation-namepropriedade CSS associada com a transição. É por padrão"". elapsedTimeOptional-
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.0a não ser que haja um valor negativo paraanimation-delay, nesse caso o evento terminará comelapsedTime contendo(-1 *delay). É por padrão0.0. pseudoElementOptional-
É um
, começando comDOMString"::", 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
Loading…
Veja também
- 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
AnimationEventinterface it belongs to.