This simple helper lets you explore how the different easing functions govern the interpolation of data.
The name of the easing function to display (see details)
How transitions proceed between states are defined by an easing function. The
easing function converts the parameterized progression from one state to the
next to a new number between 0 and 1.
linear easing is equivalent to
an identity function that returns the input unchanged. In addition there are
a range of additional easers available, each with three modifiers.
The easing function is applied as-is
The easing function is applied in reverse
The first half of the transition it is applied as-is, while in the last half it is reversed
Models a power-of-2 function
Models a power-of-3 function
Models a power-of-4 function
Models a power-of-5 function
Models a sine function
Models a pi/2 circle arc
Models an exponential function
Models an elastic release of energy
Models a pullback and relase
Models the bouncing of a ball
In addition to this function a good animated explanation can be found here.
This function is called for its side effects
1 2 3 4 5
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.