Estou usando animate.css pra dar zoom em uma imagem. A ideia é que a animação funcione apenas com o hover/mouseenter, ou seja, quando o usuário passar o mouse em cima dela. Quando utilizo qualquer outra animação senão a zoomIn, funciona normalmente; entretanto, com o código abaixo, apesar do zoom funcionar, a imagem fica piscando quando passo o mouse em determinados lugares. Se eu tiro o .mouseout, o evento só ocorre uma vez. O que fazer para resolver?
<img src="imagens/icone.png" class="hover" />
<script>
$(document).ready(function() {
$('.hover').mouseenter(function() {
var mv = $(this);
mv.addClass('animated zoomIn');
});
$('.hover').mouseout(function(){
var mv = $(this);
mv.removeClass('animated zoomIn');
});
});
</script>