Bulle de bande dessinée
Une case de BD tramée où le personnage lance une bulle au contour épais, avec une explosion de traits derrière.
Réglages
Code
<div class="uvq08-cmc"><div class="pn"><span class="cap">Pendant ce temps, au bureau…</span><span class="wr pk"><button type="button" class="hr" aria-label="Personnage" aria-describedby="uvq08-cmc-t"><svg viewBox="0 0 80 80" aria-hidden="true"><path class="sh" d="M12 80c2-16 12-24 28-24s26 8 28 24z"/><circle class="fa" cx="40" cy="34" r="17"/><path class="ha" d="M23 32c0-11 8-17 18-17s16 6 17 15c-6-4-13-5-20-3-6 1-10 3-15 5z"/><circle cx="34" cy="36" r="2.2"/><circle cx="46" cy="36" r="2.2"/><path class="mo" d="M35 44q5 4 10 0"/></svg></button><span class="bl" role="tooltip" id="uvq08-cmc-t">Quelqu’un a vu mon agrafeuse ?</span></span></div></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
Voir tout : Info-bullesOù l’utiliser
Une case de bande dessinée avec une trame de points, un récitatif jaune et un petit personnage dessiné en SVG. Au survol ou au focus du personnage, une bulle au gros contour noir surgit avec un rebond, pendant qu’une gerbe de traits d’action tourne derrière lui. Elle apporte de l’humour aux accueils, états vides, mascottes et pages marketing décalées.
La couleur principale teinte la trame et le t-shirt, la secondaire remplit la case. Écris une réplique courte et parlée, et remplace le SVG par ta propre mascotte pour garder la même bulle et la même explosion.