This class is used to run keyframe based animations, which follows the CSS3 based animation structure.
Keyframe animations differ from typical from/to animations in that they offer the ability to specify values
at various points throughout the animation.
The keyframes option is the most important part of specifying an animation when using this
class. A key frame is a point in a particular animation. We represent this as a percentage of the
total animation duration. At each key frame, we can specify the target values at that time. Note that
you must specify the values at 0% and 100%, the start and ending values. There is also a keyframe
event that fires after each key frame is reached.
In the example below, we modify the values of the element at each fifth throughout the animation.
duration: 10000, // 10 seconds