HTML + CSSInterrupteurs

Interrupteur moulin à vent en papier

Un moulin à vent en papier piqué sur un bâton se met à tourner pendant que des rafales passent derrière lui.

Réglages

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>Ventilation</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 moulin à vent de jardin à quatre pales de papier plié en deux couleurs, piqué sur un bâton en bois. Éteint, il reste immobile et un peu penché ; activé, il tourne sans s’arrêter pendant que de fines rafales passent derrière, et à l’arrêt il se fige là où il est. Il convient aux réglages de ventilation, aux apps météo et aux jardineries.

Les deux couleurs peignent les pales en alternance et leurs plis. Des duos pastel évoquent le bord de mer, un rouge et un jaune vifs la fête foraine. Le réglage de vitesse change sa rotation.