Infobulle en dégradé
Une infobulle en dégradé coloré, avec une flèche assortie, qui glisse vers le haut depuis un petit badge au survol.
Réglages
Code
<span class="uv-tg">Info<span>Nouvelle fonctionnalité disponible</span></span>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 Info-bulles
Où l’utiliser
Cette infobulle en dégradé se prête bien aux annonces. Placez-la sur un badge « Nouveau » ou « Info » à côté d'un élément de menu, sur la mention bêta d'une fonction de tableau de bord ou près d'un terme de tarif qui mérite une explication rapide. Elle monte de quelques pixels en apparaissant, et sa flèche se fond dans le dégradé.
Elle ne réagit qu'au survol : au clavier ou sur écran tactile, on peut la manquer, n'y mettez donc rien de critique. Des couleurs proches donnent une bulle douce ; des couleurs contrastées la font ressembler davantage à une promotion.