Bocadillo de cómic
Una viñeta con trama de puntos: el personaje suelta su bocadillo con contorno grueso y un estallido detrás.
Ajustes
Código
<div class="uvq08-cmc"><div class="pn"><span class="cap">Mientras tanto, en la oficina…</span><span class="wr pk"><button type="button" class="hr" aria-label="Personaje" 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">¿Alguien ha visto mi grapadora?</span></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Tooltips
Ver todos: TooltipsDónde usarlo
Una viñeta con trama de puntos, un cartucho amarillo y un pequeño personaje dibujado en SVG. Pasa o enfoca al personaje y sale un bocadillo con contorno negro grueso que rebota al aparecer, mientras detrás gira un estallido de líneas de acción. Aporta humor a bienvenidas, estados vacíos, mascotas y páginas de marketing desenfadadas.
El color principal tiñe los puntos y la camiseta, y el secundario rellena la viñeta. Escribe la frase en tono hablado y corto, y cambia el SVG por tu propia mascota para mantener el mismo bocadillo y estallido.