HTML + CSSToggles

Semáforo ferroviario

El brazo de un semáforo de tren sube a 45 grados con un rebote mecánico y la luz pasa de rojo a verde.

Ajustes

16px
1x

Código

<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>Vía libre</label>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Toggles

Ver todos: Toggles

Dónde usarlo

Las líneas de tren antiguas usaban semáforos de brazo, y este interruptor dibuja uno con mástil, escalera y un brazo rojo con franja blanca. Al activarlo, el brazo sube a 45 grados con un pequeño rebote, como una palanca pesada que se asienta, y la luz junto al eje pasa de rojo a verde. Marca con claridad paso o parada en planificadores o webs de modelismo.

El color principal es el brazo y la luz de parada, el secundario la luz de vía libre. Mantén el rojo y el verde clásicos por su significado, o usa el color de la marca para el brazo y deja la luz en verde.