AnimationEvent
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
La interfaz AnimationEvent
representa los eventos que proporciona información relacionada con las animaciones.
Propiedades
También hereda las propiedades de su padre Event
.
AnimationEvent.animationName
Read only-
Es un
DOMString
que contiene el valor de la propiedad CSSanimation-name
asociado con la transición. AnimationEvent.elapsedTime
Read only-
Es un número flotante que da la cantidad de tiempo que ha estado corriendo la animación, en segundos, cuando este evento es disparado, excluyendo cualquier vez que la aimación fue pausada. Para un evento
"animationstart"
,elapsedTime
es0.0
a ménos que hubiera un valor negativo paraanimation-delay
, en tal caso sería disparado el evento conelapsedTime
conteniendo(-1 *
retraso)
. AnimationEvent.pseudoElement
Read only-
Es un
DOMString
, empezando con'::'
, conteniendo el nombre del pseudo-element en el cual corre la animación. Si la animación no corre sobre un pseudo-element sino en el elemento, un string vacío: ''.
Constructor
AnimationEvent()
-
Crea un evento
AnimationEvent
con los parametros dados.
Métodos
También hereda los métodos de su padre Event
.
AnimationEvent.initAnimationEvent()
No estándar Obsoleto-
Inicializa un evento
AnimationEvent
creado utilizando el método obsoletoDocument.createEvent("AnimationEvent")
Especificaciones
Specification |
---|
CSS Animations Level 1 # interface-animationevent |
Compatibilidad con navegadores
BCD tables only load in the browser
Ver también
- Usando animaciones CSS
- Las propiedades CSS referentes a animación y reglas:
animation
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
.