Infobulle qui rebondit
Une infobulle qui surgit au-dessus d'un bouton avec un rebond, au survol comme au focus clavier.
Réglages
Code
<button class="uv-tp">Survolez-moi<span>Ajouté 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
Une infobulle qui rebondit donne un peu de caractère aux petites indications : expliquer les icônes de la barre d'outils d'un éditeur, nommer un bouton de partage ou afficher « Ajouté aux favoris » au-dessus d'un marque-page. Elle sort du bouton avec un léger rebond et une petite flèche vers le bas. Elle apparaît aussi quand on atteint le bouton au clavier.
Gardez un texte court, car il tient sur une seule ligne. L'infobulle prend comme fond la couleur du texte de votre page : elle est donc sombre sur une page claire et claire sur une page sombre, sans réglage.