HTML + CSSInterrupteurs

Signet ruban

Un ruban de satin dépasse d’un carnet et tombe sous la couverture quand vous gardez la page.

Réglages

16px
1x

Code

<label class="uvq03-bmk"><input type="checkbox" role="switch"><span class="bk"><i class="pg"></i><i class="rb"></i></span>Garder pour plus tard</label>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Interrupteurs

Voir tout : Interrupteurs

Où l’utiliser

Cet interrupteur est un petit carnet relié avec des pages lignées, une marge rouge et des tranches empilées. Un ruban de satin dépasse en haut ; à l’activation, il tombe sous la couverture avec son extrémité en queue d’aronde et un léger balancement, comme quand on marque une page dans un vrai livre. Il convient aux listes à lire plus tard, articles enregistrés, recettes et progression de cours.

La couleur principale est le ruban, la seconde le papier. Essayez un ruban vert sur des pages crème ou doré sur du gris, avec un libellé court comme Garder ou Lire plus tard.