<Transition>

A blend between the two clips it sits between on a sequence track.

import { Clip, Composition, Track, Transition } from "@cutcraft/kit";

export default function Video() {
  return (
    <Composition fps={30} width={960} height={540}>
      <Track id="main">
        <Clip id="a" src="asset:aurora" in={0} out={2} fit="cover" />
        <Transition id="wipe" type="wipe" duration={0.8} params={{ direction: "left" }} />
        <Clip id="b" src="asset:cells" in={0} out={2} fit="cover" />
      </Track>
    </Composition>
  );
}

Used in: Product launch · An edit · the walkthrough · Slideshow with motion

Props

prop	type	default	required
id	string		yes
type	"crossfade" | "dipToBlack" | "dipToWhite" | "wipe" | "slide" | … 7 more | string	"crossfade"
duration	number (0.001..30)	0.5
params	object	{}
on	string
edge	"in" | "out"

Every built-in type and its params: Effects and transitions.

Timed, visual. No children. All elements