HTML + CSSCheckboxen

Teebeutel-Checkbox

Der Teebeutel taucht federnd in die Glastasse, und das Wasser färbt sich langsam teefarben, während Dampf aufsteigt.

Einstellungen

16px
1x

Code

<label class="uvq02-tea"><input type="checkbox"><span class="cu" aria-hidden="true"><i class="sm"></i><i class="sm"></i><span class="bg"><i class="tg"></i></span><span class="mg"><i class="wt"></i></span><i class="hd"></i></span>Tee ziehen lassen</label>

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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Checkboxen

Alle ansehen: Checkboxen

Wofür du ihn nutzen kannst

Diese Checkbox ist eine Glastasse mit heißem Wasser, über der ein Teebeutel an einem Faden mit Papieretikett hängt. Beim Abhaken taucht der Beutel federnd in die Tasse, dann nimmt das Wasser über ein paar Sekunden die Farbe des Tees an, und zwei Dampffäden steigen auf. Beim Überfahren senkt sich der Beutel ein wenig. Passt zu Café-Karten, Rezept-Timern, Wellness-Apps und gemütlichen Einstellungen.

Die Hauptfarbe ist der fertige Tee, die Zweitfarbe das Papieretikett, also probiere bernsteinfarbenen Schwarztee, Grüntee oder einen roten Früchtetee. Der Tempo-Regler ändert, wie schnell der Tee zieht und der Dampf aufsteigt.