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.