HTML + CSSBotones
Botón neón
Un botón de contorno que se enciende al pasar el ratón, con relleno de color y un halo amplio.
Ajustes
16px
1x
Código
<button class="uv-neon">Neón</button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Dónde usarlo
El botón neón cobra vida sobre fondos oscuros: la inscripción a un torneo de videojuegos, la compra de entradas de una sesión de club o el «Escuchar ahora» de la web de un disco synthwave. En reposo es solo un contorno fino. Al pasar el ratón se rellena y suelta un resplandor, como un cartel que se enciende.
En una página blanca el halo se pierde, así que resérvalo para temas oscuros. El color secundario tiñe la parte exterior del brillo; si eliges un tono algo distinto al principal, gana profundidad frente a repetir el mismo color.