HTML + CSSInterrupteurs

Levier rétro

Un levier métallique qui bascule sur son socle de OFF à ON et allume un voyant.

Réglages

16px
1x

Code

<label class="uv-tlv"><input type="checkbox" role="switch"><span class="bs"><span class="lp"></span><span class="ax"><span class="ar"><b></b></span></span><span class="t0">OFF</span><span class="t1">ON</span></span>Moteur principal</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 : Interrupteurs

Où l’utiliser

Inspiré des vieux pupitres de commande et du matériel de laboratoire, cet interrupteur fait basculer un levier chromé à boule colorée sur un socle sombre, avec OFF et ON gravés de chaque côté. Arrivé sur ON, un petit voyant s'allume dans le coin. Il convient aux interfaces de jeux, aux outils de makers, aux plugins audio et aux tableaux de bord de science-fiction.

Le levier suit une courbe à ressort, il dépasse un peu puis se stabilise comme un vrai mécanisme. La couleur principale teinte la boule et la secondaire le voyant, pour composer toute une rangée d'interrupteurs.