Efeito Wind Fall

Hi sweet bunnies ●ω●
Vocês assistiram o TCA 2013 ontem? Pois eu assisti, e fiquei tão feliz em ver a Selena ganhando as pranchinhas, sempre deixando-nos orgulhosas! Porém, eu simplesmente não suportei o fato de não anunciarem os vencedores da categoria melhor série sci-fi. Poxa, eu queria ver o cast do The Vampire Diaries subir no palco, ou pelo menos os do Supernatural ou Once Upon a Time :c (fiquei feliz, muito feliz ao ver que TVD ganhou, mas eu queria ver eles subirem no palco!). E vocês viram a parte final, quando eles começaram a fazer aquela dancinha que ficou famosa lá? Meu Deus, rachei de rir!

Então, voltando ao post, hoje eu resolvi trazer algo diferente, um efeito exclusivamente feito por mim. Quero dizer, eu já trouxe um ou outro aqui, porém, vamos dizer que isso acontece a cada década, haha. Enfim, talvez já exista um efeito parecido ou não, no entanto, resolvi traze-lo porque achei que ficou bonitinho. Dei o nome de Wind Fall, wind de vento e fall de queda (não me perguntem o porque do fall, coloquei porque amo essa palavra *-*).

 Para ver o preview, clique aqui (no gadget do Wind Fall). 

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

.efeitowindfall{

border: 2px solid #cdcdcd;

padding: 1px;

transition:All 1s ease;

-webkit-transition:All 1.4s ease;

-moz-transition:All 1.4s ease;

-o-transition:All 1.4s 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);

}

.efeitowindfall:hover{

transform: rotate(720deg) scale(1.031) skew(1deg) translate(-60px);

-webkit-transform: rotate(720deg) scale(1.031) skew(1deg) translate(-60px);

-moz-transform: rotate(720deg) scale(1.031) skew(1deg) translate(-60px);

-o-transform: rotate(720deg) scale(1.031) skew(1deg) translate(-60px);

-ms-transform: rotate(720deg) scale(1.031) skew(1deg) translate(-60px);

}

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

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

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

Aí está o tutorial. Espero que tenham gostado :3. Porém, caso o usar, lembre-se sempre de creditar o Tea With Cake. Beijos, e até a próxima postagem!