Röhrenfernseher-Schalter

Ein Fernseher aus den Siebzigern startet wie eine Bildröhre: heller Strich, Aufblitzen und Farbbalken mit Zeilen.

Einstellungen

Hauptfarbe#e8742c

Zweitfarbe#3ad1d6

Größe16px

Tempo1x

Text

Code

index.html

<label class="uvq03-crt"><input type="checkbox" role="switch"><span class="tv"><i class="an"></i><span class="bz"><span class="sc"><span class="im"></span></span><span class="kb"><i></i><i></i></span></span></span>Fernseher</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

Elastischer iOS-Toggle

SchalterHTML + CSS

Schalter für Tag und Nacht

SchalterHTML + CSS

ON/OFF-Schalter mit Text

SchalterHTML + CSS

Neon-Schalter mit Leuchten

SchalterHTML + CSS

Toggle mit Kreuz und Haken

SchalterHTML + CSS

Toggle im Soft-UI-Stil

SchalterHTML + CSS

Wandlichtschalter

SchalterHTML + CSS

Flüssiger Toggle

SchalterHTML + CSS

Wofür du ihn nutzen kannst

Dieser Schalter ist ein kleiner orangefarbener Fernseher aus den Siebzigern mit gewölbtem Bildschirm, Drehknöpfen, Lautsprechergitter und Zimmerantenne. Beim Einschalten läuft der typische Röhrenstart: Ein dünner heller Strich öffnet sich zum ganzen Bild, das Aufblitzen klingt ab, und Farbbalken erscheinen mit Zeilenstruktur, einem langsam wandernden Streifen und leichtem Flimmern. Beim Ausschalten schrumpft das Bild wieder zum Strich.

Die Hauptfarbe ist das Gehäuse, die zweite ersetzt einen der Farbbalken. Ein cremefarbenes oder Holzgehäuse versetzt ihn in ein anderes Jahrzehnt, gut für Medieneinstellungen, Bildschirmmodi oder Retro-Startseiten.