LETRAS SE SEPARANDO AO PASSAR O MOUSE EM CIMA

Como viram no titulo temos um tutorial,  antes de tudo o tutorial é do PRINCESS TUTORIAL.

Para separar o título dos gadgets:

.sidebar h2 {
TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI
}
Antes de fechar a chave }, você coloca:

-webkit-transition-duration: .40s;

Exemplo:

.sidebar h2{
TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI
-webkit-transition-duration: .40s;
}

Para separar o título ao passar o mouse:

Antes de fechar a chave }, você coloca:

 -webkit-transition-duration: .40s;
letter-spacing: 3px;

Exemplo:

 .sidebar h2:hover{

letter-spacing: 3px;

-webkit-transition-duration: .40s;}

 Para separar o título das postagens:

post h3{
TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI
}
.post h3 a{

TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI

}

Antes de fechar a chave }, você coloca:

-webkit-transition-duration: .40s;

Exemplo:

.post h3{ TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI-webkit-transition-duration: .40s;}.post h3 a{TODO O SEU CÓDIGO DE FORMATAÇÃO AQUI-webkit-transition-duration: .40s;}

 Para separar o título quando passar o mouse em cima:

Antes de fechar a chave }, você coloca:

 -webkit-transition-duration: .40s;
letter-spacing: 3px;

Exemplo:

 

.post h3 a:hover{

letter-spacing: 3px;

-webkit-transition-duration: .40s;

}

Créditos no ínicio do post a Princess Tutoriais.