Foros del Web » Programando para Internet » Jquery »

Ejecutar keyframes con eventos en jquery

Estas en el tema de Ejecutar keyframes con eventos en jquery en el foro de Jquery en Foros del Web. Hola, estoy comenzando con el maravilloso mundo de las animaciones y los keyframes de css. Tengo problemas al lanzar la animación mediantes un evento en ...
  #1 (permalink)  
Antiguo 05/02/2017, 10:31
 
Fecha de Ingreso: septiembre-2010
Mensajes: 33
Antigüedad: 13 años, 7 meses
Puntos: 0
Ejecutar keyframes con eventos en jquery

Hola, estoy comenzando con el maravilloso mundo de las animaciones y los keyframes de css. Tengo problemas al lanzar la animación mediantes un evento en jquery. No se como hacerlo. Es decir, al hacer click en un botón se reproduzaca la animación.

Código:
@keyframes example {
    0%   {left: 0px; top:0px;}
    25%  {left:100px; top:0px;}
    50%  {left:100px; top:100px;}
    75%  {left:0px; top:100px;}
    100% {left:0px; top:0px;}
}

#imagen{
    animation-name: example;
    animation-duration: 4s;
}
Se reproduce bien cuando cargo la página pero no se como reproducirlo cada vez que le doi al botón, con jquery

Código:
$('#boton1').click(function() {	
				?????
  	});
  #2 (permalink)  
Antiguo 05/02/2017, 17:17
 
Fecha de Ingreso: enero-2015
Ubicación: Cordoba, Andalucía
Mensajes: 111
Antigüedad: 9 años, 3 meses
Puntos: 15
Respuesta: Ejecutar keyframes con eventos en jquery

Hola

Hay una librería jQuery
https://github.com/Keyframes/jQuery.Keyframes

Etiquetas: eventos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:33.