Lesebändchen-Schalter

Ein Satinband lugt oben aus einem Notizbuch und fällt herab, sobald du die Seite merkst.

Einstellungen

Hauptfarbe#c8102e

Zweitfarbe#f7f0de

Größe16px

Tempo1x

Text

Code

index.html

<label class="uvq03-bmk"><input type="checkbox" role="switch"><span class="bk"><i class="pg"></i><i class="rb"></i></span>Für später merken</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 kleines Hardcover-Notizbuch mit linierten Seiten, rotem Rand und gestapelten Blattkanten. Oben schaut ein Satinband heraus; beim Einschalten fällt es mit gegabeltem Ende und leichtem Pendeln unter den Einband, genau wie beim Markieren einer Seite in einem echten Buch. Passt zu Später-lesen-Listen, gespeicherten Artikeln, Rezepten und Kursfortschritt.

Die Hauptfarbe ist das Band, die zweite das Papier. Probiere ein grünes Band auf cremefarbenen Seiten oder ein goldenes auf Grau und stelle eine kurze Beschriftung wie Merken oder Später lesen daneben.