Iris Transition
Iris transition: the next scene opens through a circle that grows from any point you choose. Exports iris() for TransitionSeries and a demo.
- Length
- 80 frames, 2.7s at 30 fps
- Film beat
- Cuts
- Frame
- 1920 by 1080
Install it
npx shadcn@latest add https://better-design.com/registry/video/transition-iris.jsonPut it between two sequences of a TransitionSeries. The timing you pass sets how long the cut lasts:
<TransitionSeries.Transition presentation={iris()} timing={linearTiming({ durationInFrames: 15 })} />