UI Focus Zoom
HTML to video · A camera move · Apache-2.0
- What it does
A full app surface establishes with one settle, then the camera zooms and pans to an anchored region on its cue and holds the zoomed state, with an optional soft focus halo at the anchor.
- Get it
Copy it, or
npx hyperframes add ui-focus-zoom, to compositions/components/ui-focus-zoom.html and mount it as a sub-composition; it brings its own timeline. 7 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, type, numbers)
Declared variables: anchor_x, anchor_y, zoom, zoom_at, halo, accent, exit. Colors and type come from theme custom properties with fallbacks (--accent, --accent-2, --bg, --border, --brand, --fg, 12 in all), so a :root block or one of the three themes re-skins it.
- License
Apache-2.0
- From