Efeito Spinning

(Que fofo, eu quero pra mim :3)

Hey amorecos de coco *u*

OMG, ESTOU PULANDO DE ALEGRIA! EU CONSEGUI CRIAR UM EFEITO, CONSEGUI CARA O.O. Surtando aqui meu, estou tentando a dias e simplesmente entendi a porcaria do site! Meu Deus, graças aos deuses!

Bom, deram pra entender que estou feliz né? (kkkkkk'). Enfim, como está dizendo o título (to feliz pra caramba, pizza party!), irei ensinar a vocês um efeito que eu mesma (sim, difícil de acredita né? *u*) acabei de criar. Pra quem não sabe, esse efeito pode ser usado para os afiliados, por exemplo. Sabe tipo o daqui mesmo, o de autores, quando você passa o mouse e pisca? Então, tipo assim... Para ver o preview, clique aqui (no gadget Efeito Spinning, e ignorem a layout simples, eu irei reformá-la '-')

Vamos conferir?

1- Vá até Modelo > Editar html e procure por ]]></b:skin> (clicando em Ctrl F). Então, acima da tag cole:

.efeitospinning {

transition:All 1s ease;

transition:All 0.5654s ease;

-webkit-transition:All 0.5654s ease;

-moz-transition:All 0.5654s ease;

-o-transition:All 0.5654s ease;

transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

}

.efeitospinning:hover{

transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);

-webkit-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);

-moz-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);

-o-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);

-ms-transform: rotate(360deg) scale(1.161) skew(1deg) translate(0px);

}

2- Depois, cole em um gadget HTML/JavaScript o código abaixo:

<a href="LINKDOBLOG" title="NOME DO BLOG"><img src="URLDAIMAGEM" class="efeitospinning" /></a>

Por fim, mude as partes em negrito pelos links correspondentes.

Então, aí está o tuto (meu primeiro tuto de Html, que orgulho >u<). Simplesinho não é? Enfim, espero que gostem!

Créditos ao Upsides Down pelo tutorial de como fazer seu próprio tuto. Caso reblogue, dê os devidos créditos ao Tea With Cake okay?