27 de mar. de 2015

Efeito giratório na elite de afiliados

(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.