Skip to content

<Adjustment> ​

Filters everything beneath it for its own stretch of time.

tsx
import { Adjustment, Clip, Composition, Effect, Track } 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" />
        <Clip id="b" src="asset:cells" in={0} out={2} fit="cover" />
      </Track>
      {/* One filter over everything beneath it, for its own stretch of time. */}
      <Track id="looks" layout="free">
        <Adjustment id="sepia" start={1} duration={2}>
          <Effect id="tone" type="sepia" />
        </Adjustment>
      </Track>
    </Composition>
  );
}

Props ​

proptypedefaultrequired
idstringyes
startnumber (0..∞)
anchor"start" | string
atstring
offsetnumber
durationnumber | "fill" | "source" |
opacitynumber (0..1)1
blend"normal" | "multiply" | "screen" | "overlay" | "darken" | … 13 more"normal"
enabledbooleantrue
transform

Timed, visual, trims its source. Children: effect, keyframe. All elements

MIT licensed.