Com jQuery, você pode adicionar a class do Animated.css em uma função click
.
Edit. Repare que editei a resposta e coloquei um setTimeout
com um valor de 500, esse valor deve serNa documentação existem alguns métodos para verificar o valor do "tempo de duração"fim da sua animação, sendo assim quandoinclui na resposta essa opção para o carausuário poder clicar novamente ao final dae fazer a animação ela vai ser ativada. Da outra forma só funcionava no primeiro click.sempre que quiser (agradecimento ao sr. @dvd pela ajuda)
Veja o exemplo
$(document).ready(function () {
$('".box'box").clickon(function"click", function() {
var mvbox = $(this);
var classes = "animated wobble";
mvbox.addClass('animated wobble'classes);
.on("animationEnd oAnimationEnd mozAnimationEnd webkitAnimationEnd", setTimeout(function(){
mvbox.removeClass('animated wobble'classes);
}, 500);
});
});
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.box {
cursor: pointer;
display:inline-block;
}
<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"
/>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div class="box">
<img src="http://placecage.com/100/100">
</div>