Tutorial- Efeito Single

Olá! Como vão?! Eu vou bem, obrigado... :) 

Joe: Ninguém perguntou! ;p

Cala a boca Joe! 

Joe: Foi mal, só quis ajudar... Continua a merda do post logo Mika!

Pera! Que pressa!! 

Bem Gente, voltando ao assunto, hoje eu irei mostrar pra vocês um tuto bem fácil, vamos lá?! 

Joe: Leia mais!!!




No HTML, procure por: " ]]></b:skin> "

Pronto?! 

Joe: Siiiim!!

Joe, já disse, não me enche!

Bem, acima disso, cole:

@-webkit-keyframes bubble {

 25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}

50% { -webkit-transform: rotate(50deg); }}

@-moz-keyframes bubble {

25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}

50% { -webkit-transform: rotate(50deg); }}

@-o-keyframes bubble {

25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}

50% { -webkit-transform: rotate(50deg); }}

@-ms-keyframes bubble {

25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}

 50% { -webkit-transform: rotate(50deg); }}

.bb{

padding:1px;

}

.bb:hover{

-webkit-animation: bubble 1s;

-moz-animation: bubble 1s;

-o-animation: bubble 1s;

-ms-animation: bubble 1s;

}

Depois de tudo feito, salve.

Agora, adicione um gadget com este código: 

<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="bb" /></a>

Depois disso, ajuste da sua forma e pronto, fácil neh?

Joe: É mesmo.. ;p

Joe: Xau gente! Té mais!

Bjus gente! ^^

Créditos s2'