Jalousie-Schalter
Die Lamellen einer Jalousie kippen nacheinander und lassen das Sonnenlicht in Streifen ins Zimmer.
Einstellungen
Code
<label class="uvq03-bln"><input type="checkbox" role="switch"><span class="wn"><span class="vw"><i class="sn"></i><i class="hl"></i></span><span class="sl"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i></span><i class="rd"></i><i class="rs"></i></span>Tageslicht</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 ein kleines Fenster mit geschlossener Jalousie vor einem Ausblick mit Himmel, Sonne und grünem Hügel. Beim Einschalten kippt jede Lamelle mit kurzer Verzögerung, sodass sich das Licht von oben nach unten öffnet, der Wendestab dreht sich, und um den Rahmen breitet sich ein warmer Schein aus. Die Lamellen nutzen rotateX mit Perspektive in CSS. Passt zu Smart-Home-Licht, Tageslichteinstellungen und ruhigen Wellness-Apps.
Die Hauptfarbe ist der Himmel, die zweite die Sonne. Ein blasser Morgenhimmel mit oranger Sonne wirkt wie früh am Tag, ein dunkleres Blau passt zu Abendmodi. Die Beschriftung sollte von Licht oder Schatten handeln.