Estudio creativo

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

HTML + CSSCards

Tarjeta con contenido oculto

Una tarjeta alta que solo enseña el título hasta que pasas el ratón y entonces suben el texto y un botón.

Ajustes

16px
1x

Código

<div class="uv-kr"><div class="c"><h3>Estudio creativo</h3><p>Diseño, marca y producto digital con mucho cariño.</p><button>Ver más</button></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

Una tarjeta que revela contenido deja la rejilla tranquila y da los detalles cuando se piden. Funciona para los servicios de una agencia de diseño, los proyectos de un portfolio o las secciones de la carta de un restaurante. En reposo solo se ve el título; al pasar el ratón suben un texto y un botón «Ver más».

En el móvil la parte oculta solo aparece tras un toque, así que el título debe entenderse por sí solo. Cambia el degradado por una foto para darle más personalidad y mantén la sombra oscura bajo el texto para que se lea.