Ejemplo
Obtener el nombre de la animación asociada con una animación:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
}
Inténtalo tú mismo " Definición y Uso
La propiedad animationName devuelve el nombre de la animación, cuando se produce un evento de animación.
El nombre de la animación es el valor de la animación en nombre de la propiedad CSS.
Esta propiedad es de solo lectura.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
animationName | Sí | 10.0 | 6.0 | Sí | Sí |
Sintaxis
event .animationName
Detalles técnicos
Valor de retorno: | Una cadena, que representa el nombre de la animación |
---|
Páginas relacionadas
Referencia HTML DOM: El Evento animationstart
Referencia HTML DOM: El Evento animationiteration
Referencia HTML DOM: El Evento animationend
Referencia HTML DOM: AnimationEvent elapsedTime Property
Referencia CSS: CSS3 animation Property
Referencia CSS: CSS3 animation-name Property
<Objeto de evento