Montañas al amanecer
Colección · 24 piezas
HTML + CSSCards
Tarjeta con elevación y zoom
Al pasar el ratón, la tarjeta sube, su sombra de color crece y la imagen hace zoom despacio.
Ajustes
16px
1x
Código
<div class="uv-kl"><div class="img"></div><div class="tx"><h3>Montañas al amanecer</h3><p>Colección · 24 piezas</p></div></div>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
Esta tarjeta con hover es la navaja suiza de cualquier rejilla con fotos: las colecciones de una tienda online, los destinos de un blog de viajes o los pisos de una inmobiliaria. Cuando llega el cursor, la tarjeta flota hacia arriba, aparece una sombra teñida de tu color y la imagen se acerca dentro de su marco.
La demo usa un degradado como imagen; cámbialo por tu foto en el HTML. El zoom recorta un poco los bordes, así que evita fotos con texto o caras pegadas al borde.