Trinkender Vogel
Der Glasvogel neigt sich langsam, während die Flüssigkeit im Hals steigt, trinkt aus dem Glas und schaukelt zurück.
Einstellungen
Code
<div class="uvq10-dbd" role="status"><span class="sr">Wird geladen</span><div class="sc" aria-hidden="true"><i class="lg l"></i><i class="lg r"></i><i class="bs"></i><div class="cup"><i class="wt"></i></div><div class="bd"><i class="tb"></i><i class="lq"></i><i class="bb"></i><i class="bk"></i><i class="hd"></i><i class="hat"></i></div><i class="pv"></i></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 Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Das klassische Schreibtischspielzeug in CSS nachgebaut: ein Glasvogel mit Filzkopf, Zylinder und roter Flüssigkeit, die beim Neigen im Rohr nach oben steigt. Erreicht der Schnabel das Wasser, taucht er ein und schwingt gedämpft zurück. Passt zu Wissenschaftsseiten, witzigen Produktseiten und Wartezeiten, die etwas Humor vertragen.
Die Hauptfarbe bestimmt Flüssigkeit und Kopf, die zweite das Wasser und das Hutband. Setz ihn auf einen ruhigen Hintergrund mit einer leichten Meldung, denn jeder Schluck dauert ein paar Sekunden.