Zoom Reveal Card

Zoom Reveal Card – Hover Zoom-Fade Photo Card with Detail Reveal

Zoom Reveal Card is a modern, interactive Framer component that transforms a single property photo into a bold, detail-revealing showcase. Instead of showing the photo and details together, it displays a full-bleed photo by default, and on hover the image zooms in and fades away to reveal a clean card with location, project name, description, and a small image. The dramatic transformation gives your real estate, architecture, or portfolio project a premium, editorial feel with almost no setup required.

Hover Zoom-Fade Interaction

• Image zooms in and fades away on hover to reveal the detail card.

• Reveals location, small image, project name, and description.

• Smooth transition feels natural and dramatic between states.

• Returns to the default photo state when the cursor leaves.

• Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Zoom Reveal Card includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

• Main Image – Assign the default full-bleed photo.

• Small Image – Add any secondary image to the revealed state.

• Location – Edit the location text.

• Project Name – Edit the project title.

• Description – Edit the body text.

• Icon & Icon Color – Customize the location pin icon and its color.

How It Works Zoom Reveal Card tracks the cursor's hover state on the card. When a visitor hovers, the component smoothly zooms in on the photo and fades it away, revealing a clean detail card with the location, small image, project name, and description. When the cursor moves away, the card returns to its default photo state, ready for the next interaction.