easeInBackfunctionnacatamalon
easeInBack(t: number) => numberBack ease-in: anticipates by pulling back before moving (overshoots below 0).
Parameters
tnumberHow far along, from
0at the start to1at the end.
Back to the reference
Easing
The easing curves, kept apart from Math so they do not swamp it.
32 symbols
easeInBouncefunctionnacatamalon
easeInBounce(t: number) => numberBounce ease-in: the mirror of easeOutBounce.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInCircfunctionnacatamalon
easeInCirc(t: number) => numberCircular ease-in: based on a circle arc, slow then steep.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInCubicfunctionnacatamalon
easeInCubic(t: number) => numberCubic ease-in (t³): stronger slow start than quad.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInElasticfunctionnacatamalon
easeInElastic(t: number) => numberElastic ease-in: springy oscillation building up from rest.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInExpofunctionnacatamalon
easeInExpo(t: number) => numberExponential ease-in: very slow start, sharp finish.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutBackfunctionnacatamalon
easeInOutBack(t: number) => numberBack ease-in-out: anticipate on the way out, overshoot on the way in.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutBouncefunctionnacatamalon
easeInOutBounce(t: number) => numberBounce ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutCircfunctionnacatamalon
easeInOutCirc(t: number) => numberCircular ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutCubicfunctionnacatamalon
easeInOutCubic(t: number) => numberCubic ease-in-out: the workhorse smooth-step for UI and camera moves.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutElasticfunctionnacatamalon
easeInOutElastic(t: number) => numberElastic ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutExpofunctionnacatamalon
easeInOutExpo(t: number) => numberExponential ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuadfunctionnacatamalon
easeInOutQuad(t: number) => numberQuadratic ease-in-out: accelerate then decelerate, symmetric.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuartfunctionnacatamalon
easeInOutQuart(t: number) => numberQuartic ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuintfunctionnacatamalon
easeInOutQuint(t: number) => numberQuintic ease-in-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInOutSinefunctionnacatamalon
easeInOutSine(t: number) => numberSine ease-in-out: the softest symmetric curve.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInQuadfunctionnacatamalon
easeInQuad(t: number) => numberQuadratic ease-in (t²): slow start, accelerating.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInQuartfunctionnacatamalon
easeInQuart(t: number) => numberQuartic ease-in (t⁴).
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInQuintfunctionnacatamalon
easeInQuint(t: number) => numberQuintic ease-in (t⁵).
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeInSinefunctionnacatamalon
easeInSine(t: number) => numberSine ease-in: gentle, based on a quarter cosine.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutBackfunctionnacatamalon
easeOutBack(t: number) => numberBack ease-out: overshoots past the target then settles.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutBouncefunctionnacatamalon
easeOutBounce(t: number) => numberBounce ease-out: lands and bounces like a dropped ball.
The other two bounce curves are written in terms of this one, so it is the only place the four arcs are spelled out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutCircfunctionnacatamalon
easeOutCirc(t: number) => numberCircular ease-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutCubicfunctionnacatamalon
easeOutCubic(t: number) => numberCubic ease-out: decelerating to a stop, stronger than quad.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutElasticfunctionnacatamalon
easeOutElastic(t: number) => numberElastic ease-out: overshoot then springy settle. Great for pops and bounces.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutExpofunctionnacatamalon
easeOutExpo(t: number) => numberExponential ease-out: sharp start, long tail.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutQuadfunctionnacatamalon
easeOutQuad(t: number) => numberQuadratic ease-out: fast start, decelerating to a stop.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutQuartfunctionnacatamalon
easeOutQuart(t: number) => numberQuartic ease-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutQuintfunctionnacatamalon
easeOutQuint(t: number) => numberQuintic ease-out.
Parameters
tnumberHow far along, from
0at the start to1at the end.
easeOutSinefunctionnacatamalon
easeOutSine(t: number) => numberSine ease-out: gentle deceleration.
Parameters
tnumberHow far along, from
0at the start to1at the end.
linearvariablenacatamalon
linear: (t: number) => numberNo easing: constant rate. t maps to itself.
TEaseFntypenacatamalon
TEaseFn: (t: number) => numberAn easing function: maps normalized time t in [0, 1] to an eased progress value
(also normally [0, 1], though back/elastic overshoot outside it). Drives how a
tween accelerates: pass one as the ease of a tween, or sample it directly.