Easing is now calculated exclusively with the use of cubic-bezier curves and follows the
CSS3
specification for 'transition-timing-function'.
Standard CSS3 Easing Values:
- ease: The ease function is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).
- linear: The linear function is equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).
- ease-in: The ease-in function is equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).
- ease-out: The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1.0).
- ease-in-out: The ease-in-out function is equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)
- cubic-bezier: Specifies a cubic-bezier curve. The four values specify points P1 and P2 of
the curve as (x1, y1, x2, y2). All values must be in the range [0, 1] or the definition is invalid.