[TUTORIAL] Efeito Neon no link

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Efeito Neon no link

Mensagem por Luciano98 em 02/04/12, 11:24 pm

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


--> Tutoriais, dicas e astúcias <--
Efeito Neon no link



- 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
(clique na imagem para aumentar)

- Código:

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

CORLETRA :seta2: A cor da letra que o Link com o Efeito terá
CORNEON :seta2: A cor que terá o Efeito Neon

Quando modificarmos os campos necessários, por exemplo, ficará assim:
CORLETRA :seta2: Azul escuro (#4876FF)
CORNEON :seta2: Vermelho (#FF0000)
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

- O resultado será assim:



--> FAQ do Tutorial <--
Efeito Neon no link









© 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
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum