Cole acima de ]]></b:skin> abaixo. Sem fazer alteração nenhuma.
.vaievolta{
transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transform: rotate(0deg) scale(0.96) skew(0deg) translate(0px);-webkit-transform: rotate(0deg) scale(0.96) skew(0deg) translate(0px);-moz-transform: rotate(0deg) scale(0.96) skew(0deg) translate(0px);-o-transform: rotate(0deg) scale(0.96) skew(0deg) translate(0px);-ms-transform: rotate(0deg) scale(0.96) skew(0deg) translate(0px);}.vaievolta:hover{transform: rotate(0deg) scale(0.96) skew(0deg) translate(-103px);-webkit-transform: rotate(0deg) scale(0.96) skew(0deg) translate(-103px);-moz-transform: rotate(0deg) scale(0.96) skew(0deg) translate(-103px);-o-transform: rotate(0deg) scale(0.96) skew(0deg) translate(-103px);-ms-transform: rotate(0deg) scale(0.96) skew(0deg) translate(-103px);}
Agora, em um gadget de HTML/JavaScript, cole o seguinte código:
<center><a href="LINK" title="TEXTO"><img src="LINK DA IMAGEM" class="vaievolta" /></a><a href="LINK" title="TEXTO"><img src="LINK DA IMAGEM" class="vaievolta" /></a><a href="LINK title="TEXTO"><img src="LINK DA IMAGEM" class="vaievolta" /></a>
Edite somente o que está em maiúsculo.
Espero que tenham gostado, se usarem comentem e creditem. Tchauzinho >< Até mais tarde!
Espero que tenham gostado, se usarem comentem e creditem. Tchauzinho >< Até mais tarde!
Nossa serio eu acho que eu só tenho mais 3 semanas de ferias que chato *_* , Amei o efeito =)
ResponderExcluirLegal, já tinha visto esse efeito em alguns blogs e não tinha ideia de como faziam aquilo haha, adorei *u*
ResponderExcluirbeijão <33
guitarrebel.blogspot.pt