HTML + CSSInfo-bulles

Infobulle machine à écrire

Un point d'interrogation qui répond : l'aide s'écrit lettre par lettre au survol.

Réglages

16px
1x

Code

<button class="uv-ttype">?<span><b>Astuce rapide</b></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

Elle trouve sa place dans le petit « ? » à côté d'un champ de formulaire. Sur un simulateur d'assurance, on survole celui placé près de « Franchise » et une courte explication s'écrit toute seule, comme si quelqu'un répondait sur le moment. Une infobulle effet machine à écrire, en HTML et CSS, qui s'ouvre aussi au focus clavier.

L'effet est pensé pour une seule ligne courte. Au-delà de cinq ou six mots, la frappe paraît lente et l'infobulle devient trop large : gardez les longues explications pour un panneau d'aide. Si vous changez beaucoup le texte, ajustez aussi la vitesse.