[TUTORIAL] Efeito Neon no link
Página 1 de 1 • Compartilhe

[TUTORIAL] Efeito Neon no link
![]() | Efeito Neon no link |
--> Tutoriais, dicas e astúcias <--
Efeito Neon no link
Efeito Neon no link
1º - Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar os Links com o "Efeito Neon" é necessário adicionar códigos na Folha de estilo CSS.
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
2º - Código:
a:hover {
color: #CORLETRA;
text-shadow : 0px 0px 10px #CORNEON;
}
CORLETRA

CORNEON

Quando modificarmos os campos necessários, por exemplo, ficará assim:
CORLETRA

CORNEON

a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
3º - O resultado será assim:
![[TUTORIAL] Efeito Neon no link Outap2](https://2img.net/h/oi51.tinypic.com/outap2.jpg)
--> FAQ do Tutorial <--
Efeito Neon no link
Efeito Neon no link
- Posso utilizar uma cor diferente?
Claro que sim! Terá somente que substituir os campos referidos em vermelho e azul, com os seus respectivos códigos de cor (em hexadecimal). Para conhecer as outras cores, consulte nessa página: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm
© Fórum dos Fóruns & Itachi Uchiha
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Efeito Neon no link |
Luciano98- Membro Proficiente
-
Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos