Schwingendes Preisschild
Beim Hovern über den Becher fällt ein Preisschild aus Karton an einem Faden herab und pendelt mit echter Pendelphysik.
Einstellungen
Code
<div class="uvq08-tag pk"><div class="sc"><button type="button" class="mg" aria-label="Steinzeugbecher" aria-describedby="uvq08-tag-t"><i class="hl" aria-hidden="true"></i><i class="st" aria-hidden="true"></i></button><i class="sh" aria-hidden="true"></i><i class="hk" aria-hidden="true"></i><span class="sw"><i class="str" aria-hidden="true"></i><span class="tg" role="tooltip" id="uvq08-tag-t"><span class="nm">Steinzeugbecher</span><b>24 €</b><span class="ds">Handgemacht in Talavera</span></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 glasierter Becher steht auf einem Holzbrett mit einem Messinghaken darunter. Beim Hovern oder Fokussieren fällt ein Kraftpapier-Anhänger mit Lochung und Öse an seinem Faden herab, schwingt und kommt dank einer kleinen gedämpften Federsimulation zur Ruhe. Seitliche Mausbewegungen stoßen ihn erneut an. Passt zu Handwerksläden, Produktrastern, Speisekarten und Geschenkideen.
Die Hauptfarbe glasiert den Becher, die Zweitfarbe bestimmt das Holz. Ändere Name, Preis und Herstellerzeile, oder ersetze den CSS-Becher durch ein Produktfoto und behalte Haken und pendelndes Schild.