HTML + CSSSchalter

Formsignal-Schalter

Der Flügel eines Eisenbahn-Formsignals hebt sich mit mechanischem Nachfedern auf 45 Grad, und die Lampe springt von Rot auf Grün.

Einstellungen

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>Freie Fahrt</label>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Schalter

Alle ansehen: Schalter

Wofür du ihn nutzen kannst

Alte Bahnstrecken nutzten Formsignale, und dieser Schalter zeichnet eines mit Mast, Leiter, Sockel und rotem Flügel mit weißem Streifen. Beim Einschalten hebt sich der Flügel mit leichtem Überschwingen auf 45 Grad, wie ein schwerer Hebel, der einrastet, und die Lampe am Drehpunkt wechselt von Rot auf Grün. So lassen sich Fahrt und Halt in Routenplanern, Deploy-Tools oder Modellbahnseiten klar zeigen.

Die Hauptfarbe ist der Flügel samt Haltlampe, die zweite die Fahrtlampe. Bleib wegen der Bedeutung bei Rot und Grün oder nimm die Markenfarbe für den Flügel und lass die Lampe grün.