HTML + CSSSchalter

Hi-Fi-Drehknopf-Schalter

Ein gerändelter Aluminiumknopf dreht sich auf einer schwarzen Frontplatte von 0 auf I und lässt sich auch mit den Pfeiltasten drehen.

Einstellungen

16px
1x

Code

<label class="uvq03-hfk"><input type="checkbox" role="switch"><span class="dl"><b class="l0">0</b><b class="l1">I</b><span class="kb"><i></i></span><i class="led"></i></span>Bassanhebung</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

Von der Front eines Stereoverstärkers übernommen, ist dieser Schalter ein gerändelter Aluminiumknopf auf schwarzer Platte mit den Marken 0 und I und einer kleinen bernsteinfarbenen LED. Beim Einschalten dreht er sich eine Vierteldrehung mit federndem Anschlag, die LED leuchtet und das I hebt sich ab. Ein kurzes Skript erlaubt das Drehen mit den Pfeiltasten. Passt zu Audioeinstellungen und hochwertigen Geräteseiten.

Die Hauptfarbe ist die LED samt aktiver Marke, die zweite tönt die Metallkappe. Ein warmes Champagner wirkt wie ein alter Verstärker, ein kühles Grau wie modernes Studiogerät.