Etiquetas de cinta washi
Etiquetas de cinta washi sobre una hoja de cuaderno: al marcarlas se pegan al papel y al soltarlas se despegan.
Ajustes
Código
<fieldset class="uvq05-wt"><legend>Etiquetas</legend><div class="ts"><label style="--r:-2deg"><input type="checkbox"><span class="tp">Viajes</span></label><label style="--r:1.5deg"><input type="checkbox" checked><span class="tp">Recetas</span></label><label style="--r:-1deg"><input type="checkbox"><span class="tp">Ideas</span></label><label style="--r:2deg"><input type="checkbox"><span class="tp">Lecturas</span></label><label style="--r:-1.5deg"><input type="checkbox" checked><span class="tp">Trabajo</span></label><label style="--r:1deg"><input type="checkbox"><span class="tp">Jardín</span></label></div><p class="ct"><span>Etiquetas pegadas:</span> <span class="n"></span></p></fieldset>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Ver todos: FiltrosDónde usarlo
Los cuadernos y las agendas de papel inspiran este filtro de etiquetas, donde cada opción es una tira de cinta washi estampada con los bordes rasgados sobre una hoja de rayas con margen rojo. Las tiras sin elegir flotan algo levantadas y desvaídas con una sombra suave; las elegidas quedan pegadas al papel. Funciona solo con casillas y CSS, con un contador de etiquetas pegadas.
El primer color marca el anillo de foco y el contador, y el segundo define el papel. Edita los colores y los estampados de cada cinta en el código, deja las etiquetas en una o dos palabras y úsalo en apps de notas, recetas o marcadores.