Infobulle à reflet lumineux
Le libellé se met en place pendant qu'un reflet de lumière le traverse une seule fois.
Réglages
Code
<button class="uv-tw">Synchroniser<span>Synchronisation active<i></i></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
Ce reflet qui passe laisse entendre qu'une action est en cours, d'où son intérêt pour les boutons de synchronisation ou d'actualisation. Pensez au bouton « Synchroniser » d'une application de sport qui récupère les séances de la montre, ou à l'icône de sauvegarde d'un service de photos. Une infobulle animée avec effet de brillance, en HTML et CSS.
Le reflet reprend votre deuxième couleur : une teinte douce rend mieux qu'un fluo. Il passe une fois par survol, sans tourner en boucle. Si la synchronisation dure vraiment, ajoutez plutôt un indicateur de progression.