Differences between jQuery easings

Home / jQuery / Differences between jQuery easings

Easings within jQuery appear as linear and swing only, but if you include jQuery UI into equation, you can get quite a lot of very nice effects. This is where you can find them.

Let me show you an example on how to easily implement easings using animate() function:

Some CSS:

… and some HTML:

If you want to see how this looks like an action, have a look at my Codepen example. I’ve also posted some comments on how you can change the easing effects easily.