Scroll a magnified detail sheet, then pull the camera back to the full browser with a blur kick
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
The frame opens magnified (~1.75x) on the right-hand detail sheet of a sales page: a 'Recommended outcome' paragraph, a 'Proposed action plan' with three numbered cards (card 1 highlighted blue) and the pointer near card 1. The sheet content scrolls upward slowly between ~f0 and ~f38. At ~f40 the picture smears with motion blur and by ~f50 the camera has pulled back to the full browser window floating on the dark starfield; the dimmed table and the sheet are both visible. It holds to the end while the pointer drifts.
Slow in-panel scroll at macro scale, then an eased camera pull-out with a short blur kick that reveals the whole application frame.
Phase notes
- Frame 0 — Macro on sheet; content scrolls up
- Frame 40 — Pull-out starts, blur ramps
- Frame 52 — Full browser visible, blur clears
- Frame 89 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.