Efeito Bass

Olá,pessoas.

Nem ia postar hoje,o calor está me deixando muito tosca. E pra piorar,só tenho ventilador,nem um mísero ar condicionadonão dá pra aguentar,já é noite e ainda está queimando. Se no RS tá assim,imagina lá pro Norte...

Trouxe um tutorial que encontrei em um tumblr,não lembro qual,mas é bem fofo o efeito. Veja aqui a prévia. Adorável,não é mesmo?rsrsr. Se repassar credite so BC porque foi aqui que achou o tuto.

Cole o código do blockquote acima de ]]></b:skin>:

@-webkit-keyframes bass  { 0% {transform: rotate(0deg); -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} 25% {transform: rotate(20deg) ; -webkit-transform: rotate(60deg) ; -moz-transform: rotate(20deg) ; -o-transform: rotate(20deg); -ms-transform: rotate(20deg); } 50% {transform: rotate(-20deg) scale(1.5); -webkit-transform: rotate(-60deg) scale(1.5); -moz-transform: rotate(-20deg) scale(1.5); -o-transform: rotate(-20deg) scale(1.5); -ms-transform: rotate(-20deg) scale(1.5);} 75% {transform: rotate(20deg) ; -webkit-transform: rotate(60deg) ; -moz-transform: rotate(20deg) ; -o-transform: rotate(20deg) ; -ms-transform: rotate(20deg) ;} 100% {transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ;}  } .bass {-webkit-transition: .9s; border-radius: 5px; } .bass:hover {-webkit-animation: bass  .9s alternate ease;}

Não edite nada. Depois cole o código abaixo em um gadget:

<a href="link" target="_blank" title="Nome"><img class="bass" src="imagem" /></a>