Note privée
La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.
HTML + CSSCartes
Carte note à coin plié
Une carte note au coin replié comme du papier, qui s'agrandit au survol et révèle un bouton « Archiver ».
Réglages
16px
1x
Code
<article class="uv-cfold"><i></i><small>IDEA · 08:42</small><h3>Note privée</h3><p>La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.</p><footer><span>AM</span><button>Archiver</button></footer></article>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.
Plus dans Cartes
Où l’utiliser
Elle apporte un peu de papier aux notes numériques. Imaginez une application de journal intime ou les citations enregistrées dans une appli de lecture : chaque carte a un coin plié qui se soulève au survol et laisse apparaître une action rapide. Une carte note en HTML et CSS, avec une teinte papier toute douce.
Les actions cachées passent facilement inaperçues : laissez les plus importantes visibles et ne masquez que la secondaire, comme l'archivage. Sur écran tactile, pas de survol ; affichez le bouton en permanence, sinon personne ne le trouvera.