Hover Box — every design
An image box whose content changes on hover. Every part can show always, on hover or at rest; five layouts, six reveal motions, eleven image effects, spotlight, sheen, 3D tilt and lift, nine content positions, circles and banners. Keyboard focus and touch screens get the hover content too.
1. Layouts
Overlay, a caption bar that grows, a frosted glass card, a side panel that slides in, and a frame that draws in. Hover each.
2. What shows when
Every part — badge, icon, sub title, title, description, button — is shown always, only on hover, or only at rest. These rebuild Happy’s seven designs.
3. How hover parts come in
Six reveal motions, staggered part by part.
5. Extra effects
A spotlight that follows the pointer, a sheen sweep, a 3D tilt and a lift with shadow.
8. Styling
Overlay gradients normal and hover, panel colours, button styles and typography.
9. Finished: journal grid
Date badges at rest, category always, story text on hover, spotlight on the first.
