11 de fev de 2013

Efeito Single para afiliados



Oláa! Sentiram minha falta? Claro que sim né -sqn.
Tem um efeito que eu achei no Chovendo Diamantes (Créditos) chamado Efeito Single.
Vejam a Preview (Single)

Querem aprender como se faz?

Clique em Editar HTML --> F3 e procure por ]]></b:skin> e acima dessa tag 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;}

Salve e depois adicione um gadget (HTML Javascript) e cole:

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

Faça as mudanças necessárias e se tudo der certo está feito seu efeito!
Gostaram? Novamente créditos ao Chovendo Diamante pelo tutorial!

Beem, é isso! Beijos ;*
#GaBi





2 comentários: