Search Docs
Loading...
Skip to content

Type Alias: KeyframeEasing

type KeyframeEasing =
| {
type: "Preset";
preset: AnimationEasing;
}
| {
type: "Bezier";
out: Vec2;
in: Vec2;
}
| {
type: "Hold";
};

Experimental

The curve from a keyframe to the next one. Experimental: this API may change in a minor release.

  • 'Preset': one of the animation easing presets.
  • 'Bezier': a cubic bezier with the handles out and in, as in CSS cubic-bezier(out.x, out.y, in.x, in.y).
  • 'Hold': the value stays until the next keyframe.