HTML + CSSInterrupteurs

Interrupteur tournesol

Quand le soleil se lève, le tournesol relève sa tête fanée et ouvre ses pétales l’un après l’autre.

Réglages

16px
1x

Code

<label class="uvq03-snf"><input type="checkbox" role="switch"><span class="gd"><i class="sn"></i><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="hd"><i class="pt" style="--i:0"></i><i class="pt" style="--i:1"></i><i class="pt" style="--i:2"></i><i class="pt" style="--i:3"></i><i class="pt" style="--i:4"></i><i class="pt" style="--i:5"></i><i class="pt" style="--i:6"></i><i class="pt" style="--i:7"></i><i class="pt" style="--i:8"></i><i class="pt" style="--i:9"></i><i class="pt" style="--i:10"></i><i class="pt" style="--i:11"></i><i class="cn"></i></span></span>Mode solaire</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 un tournesol sur une haute tige à deux feuilles, penché et terne quand il est éteint. À l’activation, le soleil se lève dans le coin, la tête se redresse vers lui avec un balancement élastique, les couleurs s’avivent et douze pétales s’ouvrent un à un autour du cœur de graines. Il convient aux apps d’énergie solaire et aux sites de jardinage.

La couleur principale est celle des pétales, la seconde celle du soleil. Un or profond avec un soleil rougeoyant évoque la fin de l’été, un jaune citron pâle le printemps. Un libellé sur le soleil ou l’énergie lui va bien.