Skip to content

Zoom Through Transition

Zoom through transition: the outgoing scene scales up and blurs past the lens while the next scene settles in from slightly large. Exports zoomThrough() for TransitionSeries and a demo.

Length
84 frames, 2.8s at 30 fps
Film beat
Cuts
Frame
1920 by 1080

Install it

npx shadcn@latest add https://better-design.com/registry/video/transition-zoom-through.json

Put it between two sequences of a TransitionSeries. The timing you pass sets how long the cut lasts:

<TransitionSeries.Transition presentation={zoomThrough()} timing={linearTiming({ durationInFrames: 15 })} />

Other shots for this beat