Efeito de Neon com CSS
Publicado por Tiago da Silva Pimentel (última atualização em 30/11/2009)
[ Hits: 17.057 ]
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>
Abrir Janela exatamente no centro da tela
Nenhum comentário foi encontrado.
Curiosidade sobre DOOM Guy e Isabelle de Animal Crossing
Inicializando servidor Ubuntu na AWS e rodando apache em Container
DOOM mais fácil que atacar imp pelas costas
Atualizar o macOS no Mac - Opencore Legacy Patcher
Crie alias para as tarefas que possuam longas linhas de comando - bash e zsh
Deixando o Gnome com a aparência do MacOS
Tire fotos da tela do navegador com a extensão Fireshot
Fazendo comparações no shell com números de ponto flutuante
checar badblocks fez meu pc quebrar mas foi resolvido? (13)
rodar rockylinux no virtualbox (10)
compactação de arquivos com algoritmo lzip e lzma (6)
Quando faço login do usuário aparece apenas o papel de parede e o mous... (6)