Efeito Horse

Oi gatosos, como vão ? Hoje teve amigo chocolate da minha turma, eu levei uma caixa de bombom e ganhei ambo, da mesma marca e tudo, oewew, nem deu graça, se fosse assim eu comprava a caixa pra mim mesmo. Eu aproveitei e levei minha cachorrinha pra passear, ela nunca tinha saído pra fora de casa, só as vezes pra subir a rua e descer, nada mais.. e fomos para lugares bem longe de apé então ela cansou e eu tive que voltar pra casa. Então hoje trouxe um efeito que ensaiei, ensaie e não postei, mais trouxe ele pra postar aqui pois gostei bastante do resultado dele, é como se a imagem ficasse cavalgando ou coisa parecida, por isso do nome. "Continue lendo" 

Preview 

Cole antes de ]]></b:skin>:

@-webkit-keyframes horse {
1% {-webkit-transform: rotate(15deg);}
20% {-webkit-transform: scale(1.1); }
30% {-webkit-transform: rotate(-5deg);}
50% {-webkit-transform: scale(0.9); }
100% {-webkit-transform: rotate(7deg);}
80% {-webkit-transform: rotate(10deg);}
}
@-moz-keyframes horse{
1% {-webkit-transform: rotate(15deg);}
60% {-webkit-transform: scale(1.5);}
70% {-moz-transform: rotate(2deg);}
80% {-moz-transform: scale(0.1); }
90% {-moz-transform: rotate(15deg);}
100% {-moz-transform: rotate(5deg);}
}
@-o-keyframes horse {
1% {-webkit-transform: rotate(15deg);}
70% {-o-transform: scale(0.8);}
50% {-o-transform: rotate(-5deg);}
90% {-o-transform: scale(0.9); }
90% {-o-transform: rotate(7deg);}
100% {-o-transform: rotate(10deg);}
}
.horse {
width: 70px;
-webkit-transition: .6s;
}
.horse:hover {
-webkit-animation: horse .6s alternate infinite linear;}

Crie uma gadget de JavaScrip/HML e cole:

<a href="LINK"><img class="effect-seam" src="LINK IMAGEM" /></a>
 <a href="LINK"><img class="effect-seam" src="LINK IMAGEM" /></a> <a href="LINK"><img class="effect-seam" src="LINK IMAGEM" /></a>