[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] <vr> Effeito Neon No Link </vr>

<pr>Neste tutorial você irá aprender à colocar um contorno Neon envolta dos links, o efeito é ativado ao passar o Mouse em cima do link.</pr>

--> Tutoriais, dicas e astúcias <--


1º - <rx>Teremos de aceder à "Folha de estilo CSS":</rx>

Para que possamos personalizar os Links com o "Efeito Neon" é necessário adicionar códigos na Folha de estilo CSS.
<v>Painel de Controle [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Visualização [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Imagens e cores [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Cores [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Folha de estilo CSS</v>

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2º - <rx>Código:</rx>

Código:


a:hover {
color: #CORLETRA;
text-shadow : 0px 0px 10px #CORNEON;
}

<v> CORLETRA </v> [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] <pr>A cor da letra que o Link com o Efeito terá</pr>

<az>CORNEON</az>[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] <pr> A cor que terá o Efeito Neon


Quando modificarmos os campos necessários, por exemplo, ficará assim:</pr>


<v> CORLETRA </v> [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] <az>Azul escuro (#4876FF)</az>

<az>CORNEON</az>[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] <v>Vermelho (#FF0000)</v>

Código:


a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

3º- O resultado será assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]