Photo Stack (Divi)
Photos placed freely on a stage for Divi 5, overlapping and tilted. Each photo is a Photo child module with its own position, width, rotation and stacking order — per device — plus its own fan-out, parallax depth and idle animation. Every example is labelled with its settings; hover the stacks.
1. A polaroid pile
Three photos at 0/18 %, 44/0 % and 22/42 %, about half the stage wide, turned −6°, 5° and −2° · idle Bounce small (6 s, staggered) · hover Scale small and the hovered photo comes to the front · a white 10 px frame with a caption below in Georgia and a soft shadow.
Placed, not laid out
Every photo sits where its Offset X and Y put it — a percentage of the stage, or pixels — and its Width, Rotate and Stacking Order are its own. On phones each of them can change.
Hover a photo: it grows a little and comes to the front, then settles back into the pile.
2. Fan-out on hover
Four tees stacked almost on top of each other; hovering the stack fans them out — each photo has its own Fan-out Move X / Y and Rotate To · hover Straighten · a 640 × 360 px stage (300 px high on phones) · Transition 600 ms · no idle motion · 3:4 crop.
3. Mouse parallax
Mouse Parallax over the whole window: five crop tops drift with the pointer by their own depth (−30 … 40 px, some the other way) · idle Float, 9 s · a mint stage box with a 28 px radius and hidden overflow · images with a 16 px radius · no frame shadow · 1:1 crop.
4. Idle animations and captions
Left: each photo overrides the idle animation — Sway, Fade, Rotating (a slow badge) — with its own delay; captions over the photo. Right: Scale small on the stack, hover Tilt (3D), captions over the photo only on hover with a violet overlay, and a violet border on hover.
5. Finished design
A dark collage aligned right: a 2:3 crop, black-and-white photos (saturation 0 %) with a thin white border and a deep shadow, Fly up on hover, idle Bounce medium over 12 s, and on phones every photo moves to its own place (Offset X / Y and Width per device).
