Function PushThroughExampleScene

components/docs/examples/push-through-example.tsx:39–57

({
  zoom,
  blur,
}: PushThroughExampleProps)

}

export function PushThroughExampleScene({
  zoom,
  blur,
}: PushThroughExampleProps) {
  return (
    <TransitionSeries>
      <TransitionSeries.Sequence durationInFrames={76}>
        <Scene label="Scene A" background="#141318" />
      </TransitionSeries.Sequence>
      <TransitionSeries.Transition
        timing={linearTiming({ durationInFrames: 40 })}
        presentation={pushThrough({ zoom, blur })}
      />
      <TransitionSeries.Sequence durationInFrames={76}>
        <Scene label="Push Through" background="#1a1922" />
      </TransitionSeries.Sequence>
    </TransitionSeries>
  );
}

export const pushThroughExampleCode = (
  values: Record<string, unknown>,