Latest web development tutorials

evento animationstart

Evento de referencia de objetos Los objetos de evento

Ejemplos

Cuando la animación CSS comienza a jugar Agregar como elemento <div> escucha los eventos:

var x = document.getElementById ( "myDiv");

// Códigos Chrome, Safari y Opera
x.addEventListener ( "webkitAnimationStart", myStartFunction);

// Sintaxis estándar
x.addEventListener ( "animationstart", myStartFunction);

Trate »

Definición y Uso

animationstart evento desencadena cuando la animación CSS comienza a reproducirse.

Más acerca de la animación CSS, consulte nuestra animación CSS3 sección.

animación CSS juega, los siguientes tres eventos:

  • animación CSS después de la activación de inicio - animationstart
  • animationiteration - la repetición de las animaciones CSS desencadenada
  • la animationEnd - después de la finalización del gatillo CSS

Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

"Webkit" o "moz" después de un número de prefijo especificado como la primera versión para apoyar el evento.

evento
animationstart 4.0 webkit 10.0 16.0
5.0 MOZ 		4.0 webkit 15.0 webkit
12.1

Nota: Chrome, Safari y Opera webkitAnimationEnd prefijo.

gramática

object.addEventListener ( "webkitAnimationStart", myScript) ; // Código para Chrome, Safari y Opera
objetar .addEventListener ( "animationstart", myScript ); // sintaxis estándar

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.

detalles técnicos
Ya sea para apoyar la burbuja: sí
Puede ser cancelada: no
Tipo de evento: AnimationEvent

Páginas relacionadas

CSS tutorial: Animación CSS3

CSS Referencia: propiedades de animación CSS3

HTML DOM Referencia: propiedades de animación Estilo


Evento de referencia de objetos Los objetos de evento