HTML + CSSSchalter

Wasserkocher-Schalter

Die Lampe im Sockel geht an, im kleinen Sichtfenster blubbert das Wasser, und aus der Tülle steigt Dampf.

Einstellungen

16px
1x

Code

<label class="uvq03-ktl"><input type="checkbox" role="switch"><span class="kt"><span class="sm"><i></i><i></i><i></i></span><i class="sp"></i><i class="hd"></i><span class="bd"><i class="ld"></i><span class="wn"><span class="wa"><i></i><i></i><i></i></span></span><i class="sw"></i></span><i class="bs"></i></span>Heißes Wasser</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 Schalter

Alle ansehen: Schalter

Wofür du ihn nutzen kannst

Dieser Schalter ist ein Wasserkocher aus Edelstahl auf seinem Sockel, mit schwarzem Griff, Deckelknopf und schmalem Sichtfenster. Beim Einschalten kippt die kleine Wippe unter dem Griff, eine bernsteinfarbene Linie im Sockel leuchtet, Blasen steigen im Fenster auf, und nach kurzer Zeit ziehen weiche Dampfwölkchen aus der Tülle. Passt zu Smart-Home-Geräten, Tee- und Kaffeeläden und gemütlichen Einstellungen.

Die Hauptfarbe ist die Heizlampe, die zweite das Wasser. Ein kühles Blau steht für Warmhalten, ein grünlicher Ton passt zu Kräutertee-Marken. Die Beschriftung sollte vom Wasser oder dem Getränk handeln.