jquery animate easing | Using easing parameter in jquery animations

jquery animate easing

As we seen in jquery animate() syntax, it used optional easing parameter. Easing Specifies transition with possible values of ‘swing’ and ‘linear’.

  • Linear moves animation at a constant speed from start to end.
  • Swing moves animation slower at the beginning and end while faster in middle.

Example of using easing

Experience this example online


You can use jqueryui’s library for more easing effects. This is library that can be included:

<script src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js”></script>

Example of using jqueryui’s library

Experience this example online

For complete reference go to http://jqueryui.com/effect/#easing

Was this article helpful?

Related Articles

Leave A Comment?