Tengo el siguiente enlace con una icono al lado izquierdo. Quiero agregarle el efecto de que cuando se de al enlace solo vibre la imagen con la clase vibrar. Asi como lo tengo solo se aplica el efecto cuando le doy click encima de la imagen.
.vibrar:active{
-webkit-animation: tiembla 0.2s 1;
-moz-animation: tiembla 0.2s 1;
-o-animation: tiembla 0.2s 1;
-ms-animation: tiembla 0.2s 1;
}
@-webkit-keyframes tiembla{
0% { -webkit-transform:rotateZ(-5deg); }
50% { -webkit-transform:rotateZ( 0deg) scale(1.4); }
100%{ -webkit-transform:rotateZ( 5deg); }
}
<li><a class="opcionmenu" id="verclientes" data-toggle="modal" data-target="#modalverclientes"> <img class="vibrar" src="~/Content/img/Ojo.png" /> Ver Clientes</a></li>