Click an evidence link, pop a right-hand drawer, then whip-blur push into the drawer
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A light account-brief page fills a browser window. The pointer drifts from the quote body to an 'Open evidence note' link (f0-12) and clicks (~f14). Within about three frames (f18-20) a white evidence drawer is fully present along the right edge, dimming the page behind it. At f24-34 the whole frame blurs and scales up so the drawer occupies the right half of the frame; it settles sharp and holds with slight pointer drift to the end.
Disclosure then emphasis: a near-instant right-edge drawer follows the click, and a motion-blurred camera push-in re-frames on the new panel.
Phase notes
- Frame 0 — Pointer travels to the evidence link
- Frame 14 — Click
- Frame 17 — Drawer slides in from the right, page dims
- Frame 24 — Blur ramps, camera pushes in (scale 1 to 1.65)
- Frame 34 — Close-up on drawer settles sharp
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.