Efeito de Neon com CSS
Publicado por Tiago da Silva Pimentel (última atualização em 30/11/2009)
[ Hits: 17.567 ]
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>
Calculadora Bem Legal box shadow e border Radius
Nenhum coment�rio foi encontrado.
Servidor de Backup com Ubuntu Server 24.04 LTS, RAID e Duplicati (Dell PowerEdge T420)
Visualizar câmeras IP ONVIF no Linux sem necessidade de instalar aplicativos
Atualizar Debian Online de uma Versão para outra
Proteja seu Linux Mint com o Timeshift: Restaure o sistema mesmo que ele não inicie!
Instalando Google Chrome no Debian 13
Falha add cluster Proxmox (2 nós) (2)
Software livre - será que eu estou tão errado assim? (18)
O que você está ouvindo agora? [2] (218)
Dificuldade com Ocs 2.12.3 no Debian 13 com Apache2 - Can't load ... (4)