Montagnes à l’aube
Colección · 24 piezas
Carte qui se soulève
Au survol, la carte monte, son ombre colorée s'agrandit et l'image zoome lentement.
Réglages
Code
<div class="uv-kl"><div class="img"></div><div class="tx"><h3>Montagnes à l’aube</h3><p>Collection · 24 pièces</p></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
Cette carte avec effet de survol est la bête de somme de toute grille illustrée : les collections d'une boutique en ligne, les destinations d'un blog de voyage, les biens d'une agence immobilière ou les derniers articles d'un magazine. À l'arrivée du curseur, la carte flotte vers le haut, une ombre teintée de votre couleur s'étend et l'image zoome doucement.
La démo utilise un dégradé en guise d'image ; remplacez-le par votre photo dans le HTML. Le zoom rogne un peu les bords, évitez donc les images avec du texte ou des visages collés au cadre.