7.9. Using Custom Easing Methods for Effects

7.9.1. Problem

jQuery comes with only two built-in easing functions: swing and linear. The default is swing. If we want to make our animations a little more interesting, then we might want to use a different easing function—this could give us a bounce animation, or elastic, or perhaps just an animation that slows down as it’s coming to its end.

We can manually add easing functions, but we can also include a predefined collection using the jquery.easing plugin, which can be downloaded from http://jquery-cookbook.com/go/easing/.