Letras Separando ao passar o Mouse

Vou postar um tutorial hoje de como colocar as letras dos gadgets se separando quando se passa o mouse. É um tutorial bem simples e legal. O resultado é bem legal mesmo. E queria saber, vocês viram A Tragédia da Rua das Flores? E oque acharam? Eu amei. Claro com o Arthur Aguiar, né?! kkk. Vamos ao tutorial:




1. Depois de personalizar o título do seu gadget como quiser, você vai ter algo como isto:

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

Antes de }, você precisa colocar:

-webkit-transition-duration: .40s;

2. Agora, depois de }, cole:

.sidebar h2:hover {
letter-spacing: 3px;
-webkit-transition-duration: .40s;
}

Prontinho! Oque acharam? Beijos!