2012-10-02 28 views
10

Tengo una pregunta sobre CSS3. ¿Existe una opción para restablecer la animación después de que termine (por ejemplo, usando jQuery)?restauración de animación CSS3

Ejemplo: después de hacer clic en el botón, reinicio de la animación.

+0

¿Cómo está creando la animación? con css3 'transition' o con jquery' .animate() '? – Zefiryn

+2

css3 animations: http://www.w3schools.com/css3/css3_animations.asp – Amay

Respuesta

8

He encontrado una solución mejor:

$('something').removeClass('anim').animate({'nothing':null}, 1, function() { 
$(this).addClass('anim'); 
}); 

Está funcionando. Ofc necesita una clase css '.anim' con la animación.

-1

Esta pregunta es antigua, pero descubrí una buena manera de reiniciar una animación css3 con jQuery mientras estaba trabajando en un proyecto, y ahora quiero compartir. aquí está el truco:

$('#anim-div').replaceWith($('#anim-div')); 

y esto reiniciará la animación en '# anim-div', funciona.

+0

Solo lo probé en Chrome, no funcionó .. –

Cuestiones relacionadas