(Vou fazer ou encomendar a ilustração)
Antes de começar o tutorial, gostaria de dizer que este tutorial PERTENCE AO BLOG WONDERLAND.
Eu já testei este efeito, em outro blog e funciona direitinho, mais apenas testei no modelo travel.
Vá em seu HTML, procure por ]]></b:skin> e acima dessa tag, cole:
/* EFEITO GIRATÓRIO POR HELOÍSA */.girinho {transition:All 0s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0s ease;-o-transition:All 0s ease;transform: rotate(0deg) scale(1) skew(1deg) translate(15px);-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(15px);-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(15px);-o-transform: rotate(0deg) scale(1) skew(1deg) translate(15px);-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(15px);-webkit-transition-duration: .60s;}.girinho:hover{transform: rotate(360deg) scale(1) skew(1deg) translate(1px);-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(1px);-moz-transform: rotate(360deg) scale(1) skew(1deg) translate(1px);-o-transform: rotate(360deg) scale(1) skew(1deg) translate(1px);-ms-transform: rotate(360deg) scale(1) skew(1deg) translate(1px);}
Em seguida, cole em um Gadget HTML/JavaScript
<a href="LINK DO BLOG" title="TÍTULO DO BLOG"><img src="LINK DA IMAGEM" class="girinho" /></a><a href="LINK DO BLOG" title="TÍTULO DO BLOG"><img src="LINK DA IMAGEM" class="girinho" /></a>
<a href="LINK DO BLOG" title="TÍTULO DO BLOG"><img src="LINK DA IMAGEM" class="girinho" /></a>
Créditos no inicio do post
Nenhum comentário:
Postar um comentário
Vai comentar ?
Que bom ! Mais antes leia as regras, ok?
-Não aceito comentários "segue meu blog" ou "segue de volta"
- Sem plagio por favor ( Cópia de um texto ou imagem que não é seu)
-Sem grosseria
-Seja Educado
-Respeite as regras
Se não seguirem estas regras seus comentários serão excluídos.