# Rack Focus

The outgoing scene blurs and blows out as the incoming one sharpens into focus, like a lens racking focus between two subjects.

```bash
npx shadcn add https://www.reelcn.dev/r/rack-focus.json
```

Usage:

```tsx
<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={60}>
    <Subject />
  </TransitionSeries.Sequence>
  <TransitionSeries.Transition presentation={rackFocus()} timing={linearTiming({ durationInFrames: 20 })} />
  <TransitionSeries.Sequence durationInFrames={60}>
    <OtherSubject />
  </TransitionSeries.Sequence>
</TransitionSeries>
```

Use for:

- A premium, film-shot feel between two scenes at the same physical distance
- Interview or talking-head cuts that should feel handled, not switched

Dependencies:

- `@remotion/transitions`
- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| blurPeak? | `number` | — | Peak blur in design units for the scene going out of focus. |