Easing

All easing functions are contained in this namespace.

Easing Function Tester

easing: lineareasing: quadIneasing: quadOuteasing: quadInOuteasing: cubicIneasing: cubicOuteasing: cubicInOuteasing: quartIneasing: quartOuteasing: quartInOuteasing: quintIneasing: quintOuteasing: quintInOuteasing: sinIneasing: sinOuteasing: sinInOuteasing: expIneasing: expOuteasing: expInOuteasing: elasticIneasing: elasticOuteasing: elasticInOuteasing: circularIneasing: circularOuteasing: circularInOuteasing: bounceIneasing: bounceOuteasing: bounceInOuteasing: backIneasing: backOuteasing: backInOuteasing: step

Pre-defined Easing Functions

backIn

backInOut

backOut

bounceIn

bounceInOut

bounceOut

circularIn

circularInOut

circularOut

cubicIn

cubicInOut

cubicOut

elasticIn

elasticInOut

elasticOut

expIn

expInOut

expOut

linear

quadIn

quadInOut

quadOut

quartIn

quartInOut

quartOut

quintIn

quintInOut

quintOut

sinIn

sinInOut

sinOut

step

Easing Factory Functions

This set of functions is used to create easing functions.

makeBackIn()

makeBackIn(overshoot) // -> Function

Params

• {Number} overshoot - How much to back off

Examples

Easing.makeBackIn(5)

makeBackOut()

makeBackOut(overshoot) // -> Function

Params

• {Number} overshoot - How much to back off

Examples

Easing.makeBackOut(5)

makeBackInOut()

makeBackInOut(overshoot) // -> Function

Params

• {Number} overshoot - How much to back off

Examples

Easing.makeBackInOut(5)

makeElasticIn()

makeElasticIn(amplitude, period) // -> Function

Params

• {Number} amplitude - The amplitude of the elastic ease
• {Number} period - The period of the elastic ease

Examples

Easing.makeElasticIn(0.01, 0.3)

makeElasticOut()

makeElasticOut(amplitude, period) // -> Function

Params

• {Number} amplitude - The amplitude of the elastic ease
• {Number} period - The period of the elastic ease

Examples

Easing.makeElasticOut(0.01, 0.3)

makeElasticInOut()

makeElasticInOut(amplitude, period) // -> Function

Examples

Easing.makeElasticInOut(0.01, 0.3)

Params

• {Number} amplitude - The amplitude of the elastic ease
• {Number} period - The period of the elastic ease

makeSteps()

makeSteps(steps) // -> Function

Params

• {Number} steps - Integer number of steps to take

Examples

Easing.makeSteps(7)