HTML + CSSSchalter

Windrad-Schalter

Ein Papierwindrad an einem Holzstab beginnt sich zu drehen, während dahinter Windböen vorbeiziehen.

Einstellungen

16px
1x

Code

<label class="uvq03-pnw"><input type="checkbox" role="switch"><span class="pw"><span class="wd"><i></i><i></i><i></i></span><i class="sk"></i><span class="hb"><span class="rt"><i class="f" style="--i:0"></i><i class="m" style="--i:0"></i><i class="f" style="--i:1"></i><i class="m" style="--i:1"></i><i class="f" style="--i:2"></i><i class="m" style="--i:2"></i><i class="f" style="--i:3"></i><i class="m" style="--i:3"></i></span><i class="pn"></i></span></span>Lüftung</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 Gartenwindrad aus vier gefalteten Papierflügeln in zwei Farben, festgesteckt an einem Holzstab. Aus steht es leicht schräg still; eingeschaltet dreht es sich gleichmäßig, während dahinter dünne Windböen vorbeiziehen, und beim Ausschalten bleibt es genau dort stehen. Passt zu Lüftungs- und Ventilatoreinstellungen, Wetter-Apps und Gartenläden.

Die zwei Farben bemalen abwechselnd die Flügel und ihre Falze. Pastellpaare wirken nach Strand, kräftiges Rot und Gelb nach Jahrmarkt. Der Tempo-Regler bestimmt, wie schnell es sich dreht.