HTML + CSSInterrupteurs
Toggle à rangée de LED
Pendant que la bille glisse sur un rail sombre, une rangée de LED s'allume l'une après l'autre.
Réglages
16px
1x
Code
<label class="uv-tld"><input type="checkbox" role="switch"><span class="tr"><span class="ld"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></span><span class="kn"></span></span>Éclairage du jardin</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.
Plus dans Interrupteurs
Voir tout : InterrupteursOù l’utiliser
Cinq petites LED logent dans un rail sombre au toucher caoutchouteux. À l'activation, la bille métallique glisse jusqu'au bout et les LED s'allument en séquence derrière elle avec une lueur froide, puis s'éteignent dans l'ordre inverse au retour. Il convient à l'éclairage de jardin, aux périphériques gaming, au matériel de studio et à toute interface à l'esprit hardware.
Cyan et bleu glacier par défaut, mais l'ambre chaud ou le magenta rendent très bien aussi. La séquence repose uniquement sur des délais de transition, sans JavaScript.