¿Cómo crear un evento cuando termina la animación?

1 - ¿Cómo crear un evento cuando termina la animación? Animación escrita en css3

2 - ¿Cómo reproducir la animación solo cuando todos los datos están cargados en el navegador? Puedes ver

Muchas gracias. Demostración jsFiddle

preguntado el 04 de julio de 12 a las 10:07

¿Por qué no usas javascript para animaciones css? Significa animar usando js/jquery. Puedes usar jquery para animaciones css. -

en css3 es un movimiento más rápido y creo que requiere menos recursos, pero si tiene un buen ejemplo, me complacerá ver Thx -

No cargue jQuery más una biblioteca solo para esto. Usa animaciones CSS3 nativas. -

2 Respuestas

1 -Necesita agregar un detector de eventos animationEnd

document.getElementById('animation-03').addEventListener('animationend', function () {
    alert('end')
}, false);

Asegúrese de agregarlo para todos los proveedores de navegadores.

Aquí hay una versión bifurcada: http://jsfiddle.net/Fj2vF/2/

2 - No te preocupes por esto. Como dicen las manchas W3C, su animación comenzará solo cuando todo esté cargado.

Respondido 04 Jul 12, 11:07

Iniciar y luego manejar animaciones css3 con Javascript/jQuery es bastante fácil.

Ver ejemplo aquí

Puedes usar la biblioteca js Mover.js para ello.

Respondido 04 Jul 12, 11:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.