HTML + CSSInterrupteurs

Interrupteur coccinelle

Sur une feuille, la coccinelle ouvre ses élytres, déplie ses ailes et reste en vol stationnaire.

Réglages

16px
1x

Code

<label class="uvq03-lby"><input type="checkbox" role="switch"><span class="lf"><i class="sh"></i><span class="bg"><i class="wg l"></i><i class="wg r"></i><i class="bd"></i><i class="hd"></i><i class="el l"></i><i class="el r"></i></span></span>Lutte contre les nuisibles</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 coccinelle posée sur une feuille verte, vue de dessus, avec une tête noire, des yeux blancs et une carapace rouge à points. À l’activation, la carapace s’ouvre en deux moitiés, de fines ailes transparentes se déplient et battent, et l’insecte décolle de la feuille pour planer pendant que son ombre rétrécit. Il convient aux apps de jardin et de lutte contre les nuisibles.

La couleur principale est la carapace, la seconde la feuille. Une carapace jaune donne une autre espèce, une feuille orange d’automne change de saison. Le balancement en vol suit le réglage de vitesse.