09 maio 2013

Formatação Hover

Tumblr
Oie, não eu não desapareci apenas não postei, apesar de Terça passada e amanhã não ter aulas! Hoje venho dar-vos um tutorial sobre como formatar os tipos de Letra Negrito Itálico Sublinhado Riscado link


Pesquisa por body { ao lado da 1ª chaveta (depois deste código) cola isto: 

/*Hover by: Teen Cat*/
b, strong, bold { color: Cor; -webkit-transition-duration: .80s}
s, strike { color: Cor; -webkit-transition-duration: .80s}
u, underline { color: Cor; border-bottom: 1px dashed Cor; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: Cor; -webkit-transition-duration: .80s}
/*Hover by: Teen Cat - Isto é como vai ficar os estilos de letras quando passa o mouse*/
u:hover { color: Cor; border-bottom: 2px solid Cor; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: Cor; -webkit-transition-duration: .80s}
s:hover { color: Cor; -webkit-transition-duration: .80s}
i:hover { color: Cor; -webkit-transition-duration: .80s}

Estilos de letra por letras:
B -> Negrito
S -> Riscado
U -> Sublinhado
I -> Itálico


E é isto, xau e bom resto de quinta, amanhã é sexta \o/

Sem comentários:

Enviar um comentário