Infobulle en orbite
Une infobulle qui arrive en décrivant un petit arc avant de se poser au-dessus de l'icône.
Réglages
Code
<button class="uv-to">♡<span>Ajouter aux favoris</span></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 Info-bulles
Où l’utiliser
Un bouton réduit à une icône a besoin d'un libellé, et celui-ci ne passe pas inaperçu. Imaginez le cœur d'un site d'annonces immobilières : au survol, « Ajouter aux favoris » remonte en tournant jusqu'à sa place. Cette infobulle animée (tooltip) en HTML et CSS apparaît aussi au focus clavier, pour ceux qui naviguent avec Tab.
Prévoyez de la place au-dessus du bouton : l'arc part du côté et peut être coupé dans un conteneur étroit. Elle convient aux icônes isolées, bien aérées. Dans une barre d'outils chargée, une infobulle plus sobre fatiguera moins l'œil.