Efeito de Neon com CSS
Publicado por Tiago da Silva Pimentel (última atualização em 30/11/2009)
[ Hits: 17.626 ]
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.
Wayland em alta, IA em debate e novos ventos para distros e devices
Qt 6.10 e Python 3.14 puxam o ritmo do software livre nesta quarta
Atualizações de Apps, Desktop e Kernel agitam o ecossistema Linux nesta terça-feira
Miyoo Mini Plus + Onion OS (Linux)
IA local no bolso, novo visual no Raspberry Pi OS e mais destaques do software livre
Como mudar o nome de dispositivos Bluetooth via linha de comando
Adicionando o repositório backports no Debian 13 Trixie
queria saber como instalar o android power tools igual ao winux no lin... (7)
Como listar os arquivos em "bloquin... [RESOLVIDO] (6)
Como colocar atalho para uma pasta na área de trabalho do Ubuntu 24.04... (2)