Efeito de Neon com CSS
Publicado por Tiago da Silva Pimentel (última atualização em 30/11/2009)
[ Hits: 17.294 ]
Menu que cria um efeito de neon nas suas opções utilizando a propriedade "Text-shadow" do CSS.
Script comentado, qualquer dúvida me contate!
Espero que gostem.
<html> <head> <title>Menu Neon</title> <style type="text/css"> ul{ cursor:default; background-color:#000000; color:#FFFFFF; width:100px; font-family:tahoma; font-size:18px; list-style-type:none; } li:hover{ color:#FFFFFF; text-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF; <!-- Acima esta a mágica, se você utilizar apenas uma linha, o efeito será muito pequeno, ou seja, quanto mais linhas você usar, mais forte será o efeito! A propriedade "TEXT-SHADOW" produz uma sombra no texto a qual esta sendo usado! Para que serve cada atributo: 1º - define o deslocamento da sombra p/direira(valor +) e p/esquerda(valor -) 2º - define o deslocamento da sombra p/baixo(valor +) e p/cima(valor -) 3º - define o raio da sombra 4º - define a cor da sombra --> } </style> </head> <body> <ul> <li>Menu 1</li> <li>Menu 2</li> <li>Menu 3</li> <li>Menu 4</li> <li>Menu 5</li> </ul> </body> </html>
Nenhum comentário foi encontrado.
Enviar mensagem ao usuário trabalhando com as opções do php.ini
Meu Fork do Plugin de Integração do CVS para o KDevelop
Compartilhando a tela do Computador no Celular via Deskreen
Como Configurar um Túnel SSH Reverso para Acessar Sua Máquina Local a Partir de uma Máquina Remota
Configuração para desligamento automatizado de Computadores em um Ambiente Comercial
Compartilhamento de Rede com samba em modo Público/Anônimo de forma simples, rápido e fácil
Cups: Mapear/listar todas as impressoras de outro Servidor CUPS de forma rápida e fácil
Criando uma VPC na AWS via CLI
Quero saber sobre os melhores aplicativos de office para usar em 2024 ... (2)
Queria saber se existe alguma forma de desistalar programa no ubuntu s... (3)
Toda vez que tento atualizar o clamav me deparo com erros ao atualizar... (0)