Open a small dropdown from an action bar, walk the pointer down its items, select one, and append a link line to the side column
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A lightbox of a portrait ad sits over a dimmed board with an action bar. The pointer clicks the 'Open in' action (~f8) and a three-item dropdown pops up above it (~f10). The menu holds while the pointer drifts, then walks down the items with a hover highlight (~f75–f125). At ~f138 the pointer clicks the second item; the menu closes (~f142) and shortly after a new link line is appended beneath the text in the left column (~f150).
Dropdown lifecycle: click-to-open, hover walk with item highlight, select-to-close, and a delayed side-effect elsewhere in the layout.
Phase notes
- Frame 0 — Pointer approaches Open in
- Frame 8 — Click opens dropdown
- Frame 75 — Hover walk begins
- Frame 138 — Second item selected
- Frame 142 — Menu closes
- Frame 150 — Link line appended in left column
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.