Efeito PulaxPula

Tanto tempo sem postar , e hoje eu misturei dois efeito e formaram um , Pulaxpula , ele é bem simples, e legal para blogs sem muito "brilho" ou treco treco, 

Preview aqui

Tutorial simples , vá em seu blog , Modelo, Editar html . e Procure por ]]></b:skin> e logo acima dela cole o seguinte código :

@-WEBKIT-KEYFRAMES JUMP {0% {-WEBKIT-TRANSFORM: TRANSLATEY(0PX);}50% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(0PX);}}.JUMP {-WEBKIT-TRANSITION: .5S; BORDER-RADIUS: 10PX; BOX-SHADOW: 1PX 1PX #CAEBE6;}.JUMP:HOVER {-WEBKIT-ANIMATION: JUMP .3S ALTERNATE INFINITE LINEAR;

-moz-transform: scale(-5) rotate(500deg) translate(0px, 0px) skew(0deg, 0deg);

-webkit-transform: scale(-2) rotate(500deg) translate(0px, 0px) skew(0deg, 0deg);

-o-transform: scale(-2) rotate(500deg) translate(0px, 0px) skew(0deg, 0deg);

-ms-transform: scale(-2) rotate(500deg) translate(0px, 0px) skew(0deg, 0deg);

-webkit-filter: hue-rotate(180deg);

-webkit-transition-duration: 2.90s;

opacity: 100;

transform: scale(-2) rotate(500deg) translate(0px, 0px) skew(5deg, 10deg);

}

Salve , e vá em Layout , adicionar gadget , HTML/Javascript e cole o seguinte código :

<a href="AQUI O LINK DO BLOG" target="_BLANK"><img src="AQUI O LINK DA IMAGEM" border="0" class="JUMP" title="DESCRIÇÃO AQUI"/></a>