HTML + CSSInterrupteurs

Interrupteur sémaphore ferroviaire

Le bras d’un sémaphore ferroviaire monte à 45 degrés avec un rebond mécanique et le feu passe du rouge au vert.

Réglages

16px
1x

Code

<label class="uvq03-rsg"><input type="checkbox" role="switch"><span class="sg"><i class="ms"></i><i class="ld"></i><i class="bs"></i><i class="am"></i><i class="pv"></i><i class="lp"></i></span>Voie libre</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

Les anciennes lignes de chemin de fer utilisaient des sémaphores, et cet interrupteur en dessine un avec son mât et un bras rouge barré de blanc. À l’activation, le bras se lève à 45 degrés avec un léger dépassement, comme un levier lourd qui se cale, et le feu près de l’axe passe du rouge au vert. Il indique clairement voie libre ou arrêt.

La couleur principale est le bras et le feu d’arrêt, la seconde le feu de voie libre. Gardez le rouge et le vert classiques pour leur sens, ou prenez la couleur de la marque pour le bras en laissant le feu vert.