# Zoom Through

Pushes through the outgoing scene and pulls back out of the incoming one, like the camera flew through the cut.

```bash
npx shadcn add https://www.reelcn.dev/r/zoom-through.json
```

Usage:

```tsx
<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={60}>
    <FeatureOne />
  </TransitionSeries.Sequence>
  <TransitionSeries.Transition presentation={zoomThrough()} timing={linearTiming({ durationInFrames: 24 })} />
  <TransitionSeries.Sequence durationInFrames={60}>
    <FeatureTwo />
  </TransitionSeries.Sequence>
</TransitionSeries>
```

Use for:

- Feature-to-feature walkthroughs and product demo cuts
- Any transition that should feel like forward momentum, not a flat cut

Dependencies:

- `@remotion/transitions`
- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| maxScale? | `number` | — | How far the camera pushes through, as a scale ratio. |
| blurPeak? | `number` | — | Peak isotropic blur in design units. |
| direction? | `"out" \| "in"` | — | `"in"` pushes through the outgoing scene and pulls back into the incoming one (default). `"out"` reverses it. |