Zoom Follow Cursor
HTML to video · A camera move · Apache-2.0
- What it does
Screen-recording auto-zoom: the camera pushes in toward each upcoming click, trails the cursor on a smooth spring, marks every click with a press and a ring, then eases back out to the full screen as the cursor leaves.
- Get it
Copy it, or
npx hyperframes add cursor-zoom-follow, to compositions/components/cursor-zoom-follow.html and mount it as a sub-composition; it brings its own timeline. 9 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, type, pictures)
Declared variables: image, zoom, click1_x, click1_y, click2_x, click2_y, click3_x, click3_y and 1 more. Type come from theme custom properties with fallbacks (--font-body), so a :root block or one of the three themes re-skins it.
- License
Apache-2.0
- From