Smooth hover demo screen recording of a web page
Smooth hover demo screen recording of a web page is a 5-second Claude Opus motion design reference by @RalconStudio, built around code. GOAL: Record a smooth hover demo video of [PAGE URL / FILE]. Copy this UI motion prompt, keep the creator's frame counts and palette, and adapt the subject for your own launch film.
@RalconStudioView post
Prompt
GOAL:
Record a smooth hover demo video of [PAGE URL / FILE].
MOTION:
Frame
- 1440×900, the component centred. Use a contrasting background if it blends in.
- No visible cursor, clicks or browser UI. Use real hover events, original animation speed.
When to zoom
- Measure the area that changes on hover (e.g. the menu items).
- If it's at least half the frame wide and a quarter tall, don't zoom.
- Otherwise zoom so it fills about 70% of the width, max 2.4×. Skip zooms under 1.4×.
- Never zoom past an image's real resolution.
Camera (Screen Studio-smooth)
- Animate zoom and pan together with a critically damped spring (no bounce), about 1 s to settle, zooming in log scale.
- Start at rest, glide in, follow each hovered item (about 1.2 s each), glide back out.
- End on exactly the first frame so it loops seamlessly.
- No more than 8% zoom change per frame.
Output
- MP4 (H.264), 30 fps, 5–8 s, no audio, under 2 MB, full resolution.
- If it's too big, lower the bitrate only; never shrink, crop or speed it up.
Author original
Record a smooth hover demo video of [PAGE URL / FILE].
Frame
- 1440×900, the component centred. Use a contrasting background if it blends in.
- No visible cursor, clicks or browser UI. Use real hover events, original animation speed.
When to zoom
- Measure the area that changes on hover (e.g. the menu items).
- If it's at least half the frame wide and a quarter tall, don't zoom.
- Otherwise zoom so it fills about 70% of the width, max 2.4×. Skip zooms under 1.4×.
- Never zoom past an image's real resolution.
Camera (Screen Studio-smooth)
- Animate zoom and pan together with a critically damped spring (no bounce), about 1 s to settle, zooming in log scale.
- Start at rest, glide in, follow each hovered item (about 1.2 s each), glide back out.
- End on exactly the first frame so it loops seamlessly.
- No more than 8% zoom change per frame.
Output
- MP4 (H.264), 30 fps, 5–8 s, no audio, under 2 MB, full resolution.
- If it's too big, lower the bitrate only; never shrink, crop or speed it up.
Questions
What is this ui motion prompt for?
It is a Claude Opus motion design brief for “Smooth hover demo screen recording of a web page”. Paste it into Claude and keep the timings already written in the prompt.
Where is the original film?
The creator is @RalconStudio. Use View post to open the X video this prompt belongs to.