Skip to content
GitHub repository
Type

Easing

type Easing = "linear" | "smooth" | ((t: number) => number);

How the ramp moves between stops.

  • linear: piecewise linear between stops (CSS behaviour).
  • smooth: monotone cubic spline through the stops with eased ends. Removes the Mach bands you see at every stop of a linear ramp and never overshoots.
  • a function remaps the gradient parameter before lookup (e.g. an easing curve for scrims).