17/04/2013

Letras se separando ao passar o mouse

  ♥ Postagem Programada♥ 

Ttrago mais um tutorial para vocês. Vou mostrar como colocar letras se separando ao passar o mouse, não tive tempo de fazer em um demostrativo, já que estava postando as loucas e programando. Mas esse tutorial eu achei no Mono Kawaii, aconselho visitarem, então vamos ao tutorial?

1. Vá até o HTML do seu blog, e procure pelo código do seu gadget, pode existir variações do código mas você pode acha-lo procura-lo por h2.

Códigos
.sidebar h2 {
TODO O CÓDIGO DE FORMATAÇÃO DELE FICA AQUI
}

2. Então antes de }, você ira adicionar:
Códigos
-webkit-transition-duration: .40s;

  Agora, depois de }, cole:
Códigos
.sidebar h2:hover {
letter-spacing: 3px;
-webkit-transition-duration: .40s;
}

Bom por hora é só, se cuidem e ate mais tarde.

8 comentários:

  1. olha oque vc acha do meu novo layout ? responde lá bjs
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  2. Adorei *U* achei lindo o resultado com hover :3
    beijos

    ResponderExcluir
  3. Já conhecia o tutorial mais é mega util *--*

    http://kawaii-little-things.blogspot.com.br/

    ResponderExcluir
  4. Amei amei de mais hehe`
    tava precisando pos pego do kw mas arigato
    kisses
    >>ncnosekai.blogspot.com

    ResponderExcluir
  5. Muito muito peeeeeeeeerfeito!

    www.kokoromangas.com

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345