Comic-Sprechblase als Tooltip
Ein Comicpanel mit Rasterpunkten, in dem die Figur eine dick umrandete Sprechblase mit Action-Strahlen dahinter zeigt.
Einstellungen
Code
<div class="uvq08-cmc"><div class="pn"><span class="cap">Währenddessen im Büro…</span><span class="wr pk"><button type="button" class="hr" aria-label="Figur" 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">Hat jemand meinen Tacker gesehen?</span></span></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Tooltips
Alle ansehen: TooltipsWofür du ihn nutzen kannst
Ein Comicpanel mit Rasterpunkten, einem gelben Erzählkasten und einer kleinen Figur aus SVG. Beim Hovern oder Fokussieren springt eine Sprechblase mit dicker schwarzer Kontur federnd hervor, während dahinter ein Kranz aus Speedlines aufdreht. Das bringt Humor in Onboarding, leere Zustände, Maskottchen und verspielte Marketingseiten.
Die Hauptfarbe färbt Punkte und Shirt, die Zweitfarbe füllt das Panel. Schreib den Satz kurz und gesprochen, und ersetze das SVG durch dein eigenes Maskottchen, um Blase und Strahlen zu behalten.