Studio créatif

Diseño, marca y producto digital con mucho cariño.

HTML + CSSCartes

Carte à contenu révélé

Une carte haute qui n'affiche que son titre jusqu'au survol, où la description et un bouton remontent.

Réglages

16px
1x

Code

<div class="uv-kr"><div class="c"><h3>Studio créatif</h3><p>Design, identité de marque et produits numériques, faits avec soin.</p><button>Voir plus</button></div></div>

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

Une carte à contenu révélé garde une grille calme au premier regard et donne les détails à la demande. Elle convient aux prestations d'une agence de design, aux projets d'un portfolio ou aux rubriques de la carte d'un restaurant. Au repos, on ne voit que le titre ; au survol, un court texte et un bouton « Voir plus » apparaissent.

Sur mobile, la partie cachée n'apparaît qu'après un toucher : le titre doit donc se comprendre seul. Remplacez le dégradé par une photo pour un rendu plus personnel, en gardant le voile sombre sous le texte pour qu'il reste lisible.