18 maio 2013

Tutorial- Efeito Single

Large


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! ^^


13 comentários:

  1. Adorei, muito facil mesmo!
    xoxo,
    http://shake-de-morango.blogspot.com.br/

    ResponderExcluir
  2. que efeito divo , e facil *9*
    Amei :D
    http://meubloguinhofofo.blogspot.com.br/

    ResponderExcluir
  3. Amei, super fácil o efeito!

    Beijos!

    http://kawaii-planeta.blogspot.com.br/

    ResponderExcluir
  4. Bem fácil mesmo!

    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
  5. Muito bacana

    Beijos
    @pocketlibro
    http://pocketlibro.blogspot.com.br

    ResponderExcluir
  6. Fica super cute <3
    Bjss
    Minha Vida Fora de Série

    ResponderExcluir
  7. Nyah >.< Eu adoro esse efeito >.<

    ResponderExcluir
  8. Muito legal o efeito!
    Eu adorei, já to seguindo aqui, super divvo!
    segue de volta??
    Beijinhos Emilia

    O blog ta de cara nova vem conferir!
    coffemilia.blogspot.com

    ResponderExcluir

Olá! Que bom que leu o post inteiro!

Então, não ligo pra que fale palavrões. Se quiser afiliar-se, tem uma página específica pra isso aqui no PDP... Comentários construtivos serão bem vindos, mais lembre-se, para criticar, antes se faz melhor! Bjus