Easing module implements common easing functions. This module is used
by Animate.timing() to convey physically
believable motion in animations.
You can find a visualization of some common easing functions at http://easings.net/
Easing module provides several predefined animations through the
backprovides a simple animation where the object goes slightly back before moving forward
bounceprovides a bouncing animation
easeprovides a simple inertial animation
elasticprovides a simple spring interaction
Three standard easing functions are provided:
poly function can be used to implement
quartic, quintic, and other higher power functions.
Additional mathematical functions are provided by the following methods:
bezierprovides a cubic bezier curve
circleprovides a circular function
sinprovides a sinusoidal function
expprovides an exponential function
The following helpers are used to modify other easing functions.
A stepping function, returns 1 for any positive value of
A stepping function, returns 1 if
n is greater than or equal to 1.
A linear function,
f(t) = t. Position correlates to elapsed time one to
A simple inertial interaction, similar to an object slowly accelerating to speed.
A quadratic function,
f(t) = t * t. Position equals the square of elapsed
A cubic function,
f(t) = t * t * t. Position equals the cube of elapsed
A simple elastic interaction, similar to a spring oscillating back and forth.
Default bounciness is 1, which overshoots a little bit once. 0 bounciness doesn't overshoot at all, and bounciness of N > 1 will overshoot about N times.
Animated.parallel() to create a simple effect where the object
animates back slightly as the animation starts.
Provides a cubic bezier curve, equivalent to CSS Transitions'
A useful tool to visualize cubic bezier curves can be found at http://cubic-bezier.com/
Runs an easing function forwards.
Runs an easing function backwards.
Makes any easing function symmetrical. The easing function will run forwards for half of the duration, then backwards for the rest of the duration.
You can edit the content above on GitHub and send us a pull request!