Bouton néon
Un bouton à contour qui s'allume au survol, avec un fond coloré et un large halo lumineux.
Réglages
Code
<button class="uv-neon">Néon</button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons
Où l’utiliser
Le bouton néon prend vie sur fond sombre : l'inscription à un tournoi de jeux vidéo, l'achat de billets pour une soirée en club ou le « Écouter maintenant » de la page d'un album synthwave. Au repos, ce n'est qu'un fin contour coloré. Au survol, il se remplit et diffuse une lueur, comme une enseigne qui s'allume.
Sur une page blanche, le halo se perd : gardez-le pour les thèmes sombres. La couleur secondaire teinte la partie extérieure de la lueur. Une nuance un peu différente de la principale donne plus de profondeur que la même couleur deux fois.