Efeito Single para afiliados

Aloha pandas kawaiis !!! 

Esta manhã estava fazendo um trabalho em grupo da escola, foi uma bagunça aqui em casa qq-

E a pouco tempo entrei no computador pra tentar achar inspiração para postar aqui, faz um tempo que não trago o quadro inspirations, porque faz um tempão que não posto aqui e fico triste por isso, mais é que estou em um novo emprego agora, mais trarei ilustrações larguinhas para vocês na próxima, hoje mesmo trago se puder.

Já que eu não tinha inspiração para o post, então dei uma olhada no layout free da Demi, ficou gira o layout, e vi a área de créditos, procurei onde estava aquele efeito dos afiliados desse (www) layout, e achei no blog C.D o tutorial e trouxe para cá pois o efeito é mesmo legal.

 // On preview // 

Clique na setinha, já que o modelo do blogger mudou, e procure por ]]></b:skin>, cole acima desse código, o código abaixo:

@-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;

}

O código é super fácil não é mesmo? agora para aparecer o efeito, cole em um Javas:

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

Pronto, mel na chupeta e você fica com um efeito perfeito nos afiliados.

Beijokas my divons ;D