Negrito, Itálico & Sublinhado em Hover

Oooi :)

Eu já postei um tutorial de Como personalizar o Negrito, Itálico, Tachado e Sublinhado !

Mais hoje eu ensinarei como você deixar eles em Hover ><

É quando você passa o mouse em cima deles e eles mudam de cores bem devagar !

Vamos lá ?

Vá em Design ~> editar html ~> Ctrl + F e pesquise por:

]]></b:skin> 

 E acima dele cole :

/*formatação -normal sem o mouse*/
b, strong, bold { color: #c54c7b; -webkit-transition-duration: .80s}
s, strike { color: #572f78; -webkit-transition-duration: .80s}
u, underline { color: #aebadf; border-bottom: 1px dashed #7a263a; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #e984da; -webkit-transition-duration: .80s}
/*formatação hover -quando passa o mouse por cima*/
u:hover { color: #7a263a; border-bottom: 1px dashed #e984da; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #60448b; -webkit-transition-duration: .80s}
s:hover { color: #c47dff; -webkit-transition-duration: .80s}
i:hover { color: #c58ca8; -webkit-transition-duration: .80s}

Entenda !

b é o Negrito

i é o Itálico

u é o sublinhado

Edite apenas as cores em Negrito !