HTML + CSSToggles

Cinta marcapáginas

Una cinta de satén asoma por arriba de un cuaderno y cae colgando cuando guardas la página.

Ajustes

16px
1x

Código

<label class="uvq03-bmk"><input type="checkbox" role="switch"><span class="bk"><i class="pg"></i><i class="rb"></i></span>Guardar para después</label>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Toggles

Ver todos: Toggles

Dónde usarlo

Este interruptor es un cuaderno de tapa dura con páginas pautadas, margen rojo y cantos de hojas apilados. Una cinta de satén asoma por arriba; al activarlo, la cinta cae por debajo de la tapa con su punta en cola de golondrina y un ligero balanceo, igual que al marcar una página en un libro de verdad. Encaja en listas para leer luego, artículos guardados, recetas y progreso de cursos.

El color principal es la cinta y el secundario el papel. Prueba una cinta verde sobre páginas crema o una dorada sobre gris, y acompáñalo de un texto corto como Guardar o Leer después.