Enfeitar link: Linha ondulada

 Oiie gente hoje foi dia de faxina 'canina' aqui em casa, siiiiim dei banho nas minhas filhas *-* elas ja estavam fedorenas e encardidas coitadas rsrs, quem tem cachorro (que detesta banho) em casa, sabe como é divertido \o/ amoo.. Olha que eu trouxe xuxuzinhos uma dica bem bacana e simples para quem  gosta de usar efeites de linha nos links, além das linhas tradicionais que vou postar, tem a linha ondulada *-* que é bem bonitinha :3 é essa aqui óh 

coloque isso no link que deseja 'enfeitar' sempre dentro das chaves { }

   text-decoration: underline;
   color:#f22;
  -moz-text-decoration-color: #000;
  -moz-text-decoration-line: underline;
  -moz-text-decoration-style: dashed;

No exemplo acima onde diz: underline pode ser substituido por:

    text-decoration: none → retira o sublinhado;
    text-decoration: underline → coloca sublinhado;
    text-decoration: overline → coloca a linha no topo do texto;
    text-decoration: underline overline →  linha no topo e em baixo do link;
    text-decoration: line-through → coloca a linha no meio do texto.


Exemplos de style, onde diz: dashed no exemplo acima, pode-se usar:

-moz-text-decoration-style: dashed     
-moz-text-decoration-style: dotted 
-moz-text-decoration-style: solid    
-moz-text-decoration-style: double    
-moz-text-decoration-style: wavy  olha que lindinha *-*

Onde diz: color:#f22; é a cor do texto/link
Onde diz: -moz-text-decoration-color: #000; é a cor da linha

Extras:

text-decoration:blink;  O texto pisca.
letter-spacing:3px;  → espaço entre as letras
line-height:2;  → altura entre linhas

Se eu  ajudei, e vocês usarem.. gostaria de receber os créditos ^^

Nenhum comentário:

Postar um comentário