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() {
?????
});