17/04/2013

Tutorial: Letras se separando ao passar o mouse

||
  ♥ Postagem Programada♥ 

Boa noite ulzzangs, sei que alguns vão dizer "eu sou feio!", mas para mim são todos lindos, mas mudando de assunto trago 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?


Arrume o gadget como você desejar, depois dele todo arrumadinho . Quando arrumado você tera algo similar a isso:

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

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

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

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

10 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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram