easeInBackfunctionnacatamalon
easeInBack(t: number) => numberBack ease-in: anticipates by pulling back before moving (overshoots below 0).
Parámetros
tnumberHow far along, from
0at the start to1at the end.
Volver a la referencia
Easing
The easing curves, kept apart from Math so they do not swamp it.
32 símbolos
easeInBouncefunctionnacatamalon
easeInBounce(t: number) => numberBounce ease-in: the mirror of easeOutBounce.
Parámetros
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.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInCubicfunctionnacatamalon
easeInCubic(t: number) => numberCubic ease-in (t³): stronger slow start than quad.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInElasticfunctionnacatamalon
easeInElastic(t: number) => numberElastic ease-in: springy oscillation building up from rest.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInExpofunctionnacatamalon
easeInExpo(t: number) => numberExponential ease-in: very slow start, sharp finish.
Parámetros
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.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutBouncefunctionnacatamalon
easeInOutBounce(t: number) => numberBounce ease-in-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutCircfunctionnacatamalon
easeInOutCirc(t: number) => numberCircular ease-in-out.
Parámetros
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.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutElasticfunctionnacatamalon
easeInOutElastic(t: number) => numberElastic ease-in-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutExpofunctionnacatamalon
easeInOutExpo(t: number) => numberExponential ease-in-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuadfunctionnacatamalon
easeInOutQuad(t: number) => numberQuadratic ease-in-out: accelerate then decelerate, symmetric.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuartfunctionnacatamalon
easeInOutQuart(t: number) => numberQuartic ease-in-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutQuintfunctionnacatamalon
easeInOutQuint(t: number) => numberQuintic ease-in-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInOutSinefunctionnacatamalon
easeInOutSine(t: number) => numberSine ease-in-out: the softest symmetric curve.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInQuadfunctionnacatamalon
easeInQuad(t: number) => numberQuadratic ease-in (t²): slow start, accelerating.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInQuartfunctionnacatamalon
easeInQuart(t: number) => numberQuartic ease-in (t⁴).
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInQuintfunctionnacatamalon
easeInQuint(t: number) => numberQuintic ease-in (t⁵).
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeInSinefunctionnacatamalon
easeInSine(t: number) => numberSine ease-in: gentle, based on a quarter cosine.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutBackfunctionnacatamalon
easeOutBack(t: number) => numberBack ease-out: overshoots past the target then settles.
Parámetros
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.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutCircfunctionnacatamalon
easeOutCirc(t: number) => numberCircular ease-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutCubicfunctionnacatamalon
easeOutCubic(t: number) => numberCubic ease-out: decelerating to a stop, stronger than quad.
Parámetros
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.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutExpofunctionnacatamalon
easeOutExpo(t: number) => numberExponential ease-out: sharp start, long tail.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutQuadfunctionnacatamalon
easeOutQuad(t: number) => numberQuadratic ease-out: fast start, decelerating to a stop.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutQuartfunctionnacatamalon
easeOutQuart(t: number) => numberQuartic ease-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutQuintfunctionnacatamalon
easeOutQuint(t: number) => numberQuintic ease-out.
Parámetros
tnumberHow far along, from
0at the start to1at the end.
easeOutSinefunctionnacatamalon
easeOutSine(t: number) => numberSine ease-out: gentle deceleration.
Parámetros
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.