Cursor

Image Hover Reveal

Hidden text or content slides into view when hovering over an image. Common in portfolio grids and editorial layouts.

Also called: overlay reveal, image caption hover, content on hover

Live demo — hover cards
Design

Brand Identity

Visual systems for modern startups

Motion

Animation

Scroll-driven storytelling

Dev

Development

Fast, accessible web apps

How it works

Overlay content starts translated down with opacity: 0. On :hover, transition to visible. Image scales up slightly for depth.