Spiegelei-Checkbox
Beim Abhaken wird ein Ei in die Pfanne geschlagen, das Eiweiß breitet sich federnd aus und das Öl brutzelt.
Einstellungen
Code
<label class="uvq02-egg"><input type="checkbox"><span class="pn" aria-hidden="true"><b style="--a:15deg;--i:0"></b><b style="--a:75deg;--i:1"></b><b style="--a:135deg;--i:2"></b><b style="--a:195deg;--i:3"></b><b style="--a:255deg;--i:4"></b><b style="--a:315deg;--i:5"></b><i class="wh"></i><i class="yk"></i><i class="sh a"></i><i class="sh b"></i></span>Ein Ei braten</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.
Mehr aus Checkboxen
Alle ansehen: CheckboxenWofür du ihn nutzen kannst
Diese Checkbox ist eine kleine schwarze Pfanne mit Holzgriff von oben, in deren Mitte ein ganzes Ei wartet. Beim Abhaken wackelt die Schale, bricht in zwei Hälften, die davonfliegen, das Eiweiß breitet sich federnd aus, das Eigelb fällt hinein und kleine Ölbläschen brutzeln drumherum. Nur HTML und CSS, passend für Rezeptschritte, Frühstückskarten und Koch-Apps.
Die Hauptfarbe ist das Eigelb, die Zweitfarbe die Schale, so gehst du von braunen zu weißen Eiern oder einem bläulichen Entenei. Mit reduzierter Bewegung stoppt das Brutzeln und das Spiegelei bleibt ruhig.