HTML + CSSSchalter

Venusfliegenfalle-Schalter

Eine Venusfliegenfalle im Tontopf: Eingeschaltet schnappen ihre zwei stacheligen Fangblätter über der summenden Fliege zu.

Einstellungen

16px
1x

Code

<label class="uvq03-fly"><input type="checkbox" role="switch"><span class="pl"><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="tr"><i class="lb l"></i><i class="lb r"></i></span><span class="fy"><i></i></span><i class="pt"></i></span>Spam abfangen</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 eine kleine fleischfressende Pflanze im Terrakottatopf, über zwei offenen, innen roten und mit grünen Zähnen besetzten Fangblättern summt eine Fliege. Beim Einschalten schnappen die Blätter mit einer schnellen Feder zu, die Zähne greifen ineinander, die Fliege verschwindet, und die Falle zuckt kurz. Alles ist CSS auf einer nativen Checkbox. Passt zu Spamfiltern, Blockern und verspielten Garten- oder Wissenschaftsseiten.

Die Hauptfarbe ist das Innere der Falle, die zweite das Pflanzengrün. Weinrot mit dunklem Grün wirkt realistischer, kräftigere Paare passen zu einem Comic-Stil. Halte die Beschriftung kurz und direkt.