12 de set de 2012

Letras se separando ao passar o mouse

Hooy , tudo bem?! primeiro gostaria de agradecer a todos vocês que seguem o blog e que ajudaram a gente a bater nossa meta de 20 seguidores , muito obrigado mesmo a todos vocês pelo tempinho que o blog tem , já vejo um carinho pelo blog . Então eu vou ensinar a colocar hover no titulo dos gadgets aquele que quando você passa o mouse em cima as letras se separam igual ao KW-> (www). Créditos -> (www)
Let's ?


Abra o html do seu blog e procure por  .sidebar h2 {
  Antes de fechar a tag } cole o seguinte código:
-webkit-transition-duration: .40s;
Agora depois que fechar a tag } cole o seguinte código:

.sidebar h2:hover {
letter-spacing: 3px;
-webkit-transition-duration: .40s; }
Agora visualize se estiver tudo correto salve.

3 comentários:

  1. Nossa que simples eu adorei esse tuto, e Parabéns pela meta ^^ o seu blog vai muuuuuito longe!

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  2. Amei o tuto e amei teu blog.

    Bjinhos ♥

    mylenaravini.blogspot.com

    ResponderExcluir
  3. parabéns pela meta amore
    ;D
    ei ... deixa eu dar uma diquinha?
    além de tutos vc pode postar algumas dicas para blogueiros (fica a seu critério)
    fica meio complicado de comentar sobre tutoriais
    os comentários geralmente são:
    - legal o tuto kkkk'
    vc que sabe e please nao fique com raiva por nada que eu falei aqui
    seu blog é muito legal...

    ResponderExcluir