30/04/2013

Tutorial: Letras se Separam ao Passar o Cursor


Oiie!
Boa tarde pessoal... 
Desculpa o sumiço, mas eu estava sem criatividade pra o que postar e tal, ai achei um tutorial legalzinho e resolvi postar ^^
Antes eu queria agradecer a Lari, que fez o banner da minha fic nova, ficou perfeito *O*
Enfim... o tutorial da vez, é de como fazer as Letras se Separarem ao Passar o Cursor.
Uma preview é aqui mesmo na sidebar do blog.
Bora aprender agora?


No seu HTML, procure por:
.sidebar h2 {
Vai ter todo o código da sua sidebar abaixo disso, depois que esse código acabar, cole antes do "}" isso:
-webkit-transition-duration: .40s;
E depois de "{" que terá no código acima, cole isso abaixo da aspa:
.sidebar h2:hover {
letter-spacing: 3px;
-webkit-transition-duration: .40s;
}

Salve e pronto ^^
Espero que tenham goxtado.
Beijoos!

5 comentários: