Nota privada
La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.
HTML + CSSCards
Nota con esquina doblada
Una tarjeta de nota con la esquina doblada como el papel, que crece al pasar el ratón y deja ver «Archivar».
Ajustes
16px
1x
Código
<article class="uv-cfold"><i></i><small>IDEA · 08:42</small><h3>Nota privada</h3><p>La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.</p><footer><span>AM</span><button>Archivar</button></footer></article>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 Cards
Dónde usarlo
Trae un poco de papel a las notas digitales. Imagina una app de diario o las citas guardadas en una app de lectura: cada tarjeta tiene la esquina doblada y, al pasar el ratón, el pliegue se levanta y aparece una acción rápida. Una tarjeta de nota en HTML y CSS con tono de papel.
Las acciones ocultas pasan desapercibidas, así que deja a la vista las importantes y esconde solo la secundaria, como archivar. En pantallas táctiles no hay hover: ahí muestra el botón siempre o nadie lo encontrará.