Infobulle qui suit la souris
Une petite étiquette collée au curseur qui le suit dans une zone et apparaît avec un petit bond à l'entrée.
Réglages
Code
<div class="uv-tf">Déplacez la souris ici<span>Vous êtes ici</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 Info-bulles
Où l’utiliser
Une infobulle qui suit la souris convient à tout ce qu'on explore avec le pointeur : le plan d'un bureau ou d'une salle (« Vous êtes ici »), une photo produit qui invite à zoomer, une carte interactive ou la zone d'un graphique. L'étiquette apparaît quand le curseur entre, puis glisse avec lui. Quelques lignes de JavaScript suivent la position.
Elle n'a de sens qu'avec une souris ; sur mobile, elle n'apparaît que là où le doigt touche. Limitez l'étiquette à deux ou trois mots : un long texte qui court après le curseur devient vite pénible.