flip()v4.0.54

SlideTransition.tsx
tsx
import { linearTiming, TransitionSeries } from"@remotion/transitions";
import { flip } from"@remotion/transitions/flip";
constBasicTransition= () => {
return (
 <TransitionSeries>
 <TransitionSeries.SequencedurationInFrames={40}>
 <Lettercolor="#0b84f3">A</Letter>
 </TransitionSeries.Sequence>
 <TransitionSeries.Transition
presentation={flip()}
timing={linearTiming({ durationInFrames: 30 })}
 />
 <TransitionSeries.SequencedurationInFrames={60}>
 <Lettercolor="pink">B</Letter>
 </TransitionSeries.Sequence>
 </TransitionSeries>
 );
};

TypeScript type
tsx
import { FlipDirection } from"@remotion/transitions/flip";
constflipDirection:FlipDirection="from-left";