Skip to content
Animation easing functions for RaphaelJS (SVG/VML) derived from jQuery's easing animation functions
Find file
Latest commit 6e65af6 Jun 29, 2009 @samuelclay README
Failed to load latest commit information. README Jun 29, 2009
raphael.easing.1.3.js Initial commit Jun 29, 2009

Raphael animation easing plugin

Derived from jQuery Easing Plugin (version 1.3):

View a demo of animation easing techniques here:

NOTE: As of June 2009, this plugin requires a forked version of RaphaelJS. You can download it here: Hopefully, these forked changes will be merged with the master Raphael JS code.

To use:

  1. Include the raphael.easing.1.3.js file after your raphael.js file.
  2. Specify the easing technique in the .animate() function, like so:

    Element.animate({'scale': [1.25, 1.25]}, 750, 'easeOutCubic', callback);

Available easing techniques:

  • linear
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
Something went wrong with that request. Please try again.