Sonnenblumen-Schalter
Wenn die Sonne aufgeht, hebt die Sonnenblume den hängenden Kopf und öffnet ein Blütenblatt nach dem anderen.
Einstellungen
Code
<label class="uvq03-snf"><input type="checkbox" role="switch"><span class="gd"><i class="sn"></i><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="hd"><i class="pt" style="--i:0"></i><i class="pt" style="--i:1"></i><i class="pt" style="--i:2"></i><i class="pt" style="--i:3"></i><i class="pt" style="--i:4"></i><i class="pt" style="--i:5"></i><i class="pt" style="--i:6"></i><i class="pt" style="--i:7"></i><i class="pt" style="--i:8"></i><i class="pt" style="--i:9"></i><i class="pt" style="--i:10"></i><i class="pt" style="--i:11"></i><i class="cn"></i></span></span>Solarmodus</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 Schalter
Alle ansehen: SchalterWofür du ihn nutzen kannst
Dieser Schalter ist eine Sonnenblume an hohem Stängel mit zwei Blättern, ausgeschaltet hängt sie matt herab. Beim Einschalten geht in der Ecke die Sonne auf, der Kopf hebt sich mit federndem Schwung zu ihr, die Farben werden kräftiger, und zwölf Blütenblätter öffnen sich nacheinander um die Samenmitte. Passt zu Solar-Apps, Tageslichtmodi, Gartenseiten und Morgenroutinen.
Die Hauptfarbe sind die Blütenblätter, die zweite die Sonne. Sattes Gold mit rötlicher Sonne wirkt nach Spätsommer, blasses Zitronengelb nach Frühling. Eine Beschriftung über Sonne oder Energie passt am besten.