Eselsohr-Checkbox
Eine Buchseite, die beim Abhaken ihre Ecke umknickt, so wie man markiert, wo man aufgehört hat zu lesen.
Einstellungen
Code
<label class="uvq02-dog"><input type="checkbox"><span class="pg"><span class="ls" aria-hidden="true"><i></i><i></i><i></i><i></i></span><span class="tx">Diese Seite markieren</span><span class="nm" aria-hidden="true">87</span></span><span class="ea" aria-hidden="true"></span></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.
Mehr aus Checkboxen
Alle ansehen: CheckboxenWofür du ihn nutzen kannst
Diese Checkbox ist eine ganze Buchseite mit grauen Textzeilen, Seitenzahl und Beschriftung. Beim Abhaken knickt die obere rechte Ecke federnd um und zeigt die farbige Rückseite des Papiers mit weichem Schatten, das klassische Eselsohr, das eine Seite markiert. Beim Überfahren hebt sich die Ecke leicht an. Passt zu Lese-Apps, Lesezeichen, gespeicherten Artikeln und Lern-Tools.
Die Hauptfarbe ist die Rückseite des Knicks, die Zweitfarbe das Papier. Eine registrierte CSS-Eigenschaft steuert den Knick, sodass sich Größe und Federung leicht anpassen lassen, und mehrere Seiten nebeneinander ergeben eine lebendige Leseliste.