Formatação hover em Fade

Nosso primeiro tutorial desde que troquei o layout!

Olá manjus!

Estou aqui só de passagem pois hoje não passarei o dia em casa, mas se eu fizer essa postagem rapidinho acho que dá hehe

Estou feliz pois agora a Hannah G3 está vendo também Another (www), hoje ela viu o segundo episódio, o que é ótimo para quem não tem tempo por causa das provas né :3

- A Shiory Chan do blog (www) pediu por formulário um tutorial de sublinhado, itálico, negrito e tachado hover em fade, aqui está um exemplo para quem não sabe qual é o efeito. Peguei de meu blog testes.

Vamos lá?!

Clique na setinha e acima de ]]></b:skin> cole:

 /*formatação*/

b, strong, bold { color: #ff6eb4; -webkit-transition-duration: .80s}

s, strike { color: #ee1289; -webkit-transition-duration: .80s}

u, underline { color: #00c5cd ; border-bottom: 1px dashed #ff6eb4; text-decoration: none; -webkit-transition-duration: .80s}

i, em, italic { color: #00ced1 ; -webkit-transition-duration: .80s}

/*formatação hover*/

b:hover { color: #cd6090 ; -webkit-transition-duration: .80s}

s:hover { color: #FFA500 ; -webkit-transition-duration: .80s}

i:hover { color: #FF69B4 ; -webkit-transition-duration: .80s}u:hover { color: #ff6eb4 ; border-bottom: 1px dotted #00c5cd ; text-decoration: none; -webkit-transition-duration: .80s}

Troque as cores em negrito, se quiser podem se guiar por essa tabela (www).

Podes trocar também o dashed para solid ou dotted.

Espero que tenham gostado do tutorial, é simples mais dá um toque a mais no blog ^^'