Click a table row, snap a right-hand detail sheet over a dimmed page, then push in
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A white browser window floats on a dark starfield showing a sales-play page: a three-step row, a blue KPI pill and a five-row account table. The pointer rests on the first account name and drifts slightly (~f0-28), then clicks (~f30). Between local f30 and f34 a full-height detail sheet is already fully in place over the right 45% of the window and the rest of the page is dimmed grey; there is no visible slide. The sheet holds until ~f58, then the camera pushes into the sheet until ~f72 and holds.
Row click snaps a right-hand detail sheet plus backdrop dim into place as a near-instant state change, followed by a delayed eased camera push-in on the new sheet.
Phase notes
- Frame 0 — Page with account table, pointer on row 1
- Frame 30 — Click on row 1
- Frame 32 — Detail sheet and dim snap in (2-3 frames)
- Frame 58 — Camera push-in on sheet begins
- Frame 72 — Push-in settles at 1.75x
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.