9 de out. de 2012

Letras de Separando - Como nos nossos Gadgets


Oii minhas fofuras, tudo bem!? Eu vim postar hoje, um tutorial mega útil e bonitinho, que é as letras se separando no hover, igual aqui, nos títulos das postagens e dos gadgets. Eu aprendi no Kawaii World, e é bem fácil, qualquer um consegue fazer. Ah, quem me pediu ajuda querendo saber o tuto foi a -Naah Chan okay?!


No título do gadget, você faz o seguinte.
Arrume seu código, do jeito que quiser, e vai ficar(exemplo), assim:

.sidebar h2 {
font-family: Sofia;
color:#000000; 
background:#D3D3D3; 
font-size: 18px; 
text-align: center; 
border-bottom: 1px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


Agora, antes de "}" você coloca:

-webkit-transition-duration: .40s;

E agora, você coloca:

.sidebar h2:hover {
letter-spacing: 3px;
}


Bem fácil né?! Seu código vai ficar assim:


.sidebar h2 {
font-family: Sofia;
color:#000000; 
background:#D3D3D3; 
font-size: 18px; 
text-align: center; 
border-bottom: 1px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sidebar h2:hover {
letter-spacing: 3px;
-webkit-transition-duration: .40s;
}

Entenderam pessoal?
Ali, é só um exemplo de personalização que eu usei, mas vocês podem usar qualquer um :)

Alguma dúvida? Vocês também podem aprender mais sobre personalizar os gadgets bem aqui

Qualquer coisa me avisem por comentário.

Um beijicoo :3


4 comentários:

  1. Super fácil e o efeito dele é muito fofis! ^-^
    Bjos...

    - SammySacional -
    - Dando Uma de Escritora -

    ResponderExcluir
  2. Amei , o tutorial provavelmente irei usalo :).Seguindo
    Body Eletric

    ResponderExcluir
  3. Adoreeei o tutorial e o blogger tbm ,alem de facil o tutu é otimoo , amei , bejooones :*
    -----------♥♥♥-------------------
    http://girlstolive.blogspot.com.br

    ResponderExcluir
  4. Eu estava louca atrás do tutorial. Favoritei aqui e com certeza vou usá-lo!

    Beijos || cupcakeofshine.blogspot.com

    ResponderExcluir

Olá, aqui temos uma Mini F.a.q pra te auxiliar:

-Não aceitamos Tags e Selinhos
-Precisa de uma Postagem? Pode comentar :)
-Afiliação? Somente na página sobre como se afiliar. Pedidos nos comentários serão desconsiderados
-Por favor, sem xingamentos para o bem de todos
-Nunca deixe a URL do seu blog no final do comentário, o blogger considera isso SPAN e exclui seu blog :(
-Por favor não plageie.
Mais alguma pergunta? Comente aqui ou Leia nossa F.a.q completa

Obrigada