Onglets avec halo lumineux
Une courte barre de lumière se place sous l’onglet choisi et glisse, halo compris, quand vous changez.
Réglages
Code
<div class="uv-ftg"><button>Accueil</button><button class="on">Explorer</button><button>Enregistrés</button><button>Profil</button><span class="g"></span></div>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 Filtres
Où l’utiliser
Pensé pour les interfaces sombres. La navigation d’une appli de musique en streaming, avec Accueil, Explorer, Favoris et Profil, ou le menu d’une communauté de joueurs. Le halo donne à l’onglet actif un air de néon, comme éclairé par en dessous. Si vous cherchiez des onglets lumineux ou une barre de navigation néon en CSS, commencez par celui-ci.
Sur fond blanc, le halo disparaît presque : gardez-le pour les thèmes sombres. Une seule couleur vive suffit, cyan, vert acide ou rose franc. Laissez un peu d’espace sous les onglets pour que la lumière puisse s’étaler.