HTML + CSSInterrupteurs

Interrupteur plante carnivore

Une dionée dans son pot : à l’activation, ses deux lobes hérissés se referment d’un coup sur la mouche qui bourdonne.

Réglages

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>Piéger le spam</label>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Interrupteurs

Voir tout : Interrupteurs

Où l’utiliser

Cet interrupteur est une petite plante carnivore dans un pot en terre cuite, avec une mouche qui tourne au-dessus de deux lobes ouverts, rouges à l’intérieur et bordés de cils verts. À l’activation, les lobes se referment d’un coup sec, les cils s’entrecroisent, la mouche disparaît dedans et le piège tremble un instant. Tout est en CSS sur une case native. Il convient aux filtres anti-spam et aux bloqueurs.

La couleur principale est l’intérieur du piège, la seconde le vert de la plante. Un rouge lie-de-vin avec un vert sombre fait plus réaliste, des duos vifs donnent un style dessin animé. Gardez un libellé court et direct.