UNPKG

relax-velocity-animate

Version:

Accelerated JavaScript animation.

47 lines (31 loc) 2.87 kB
##Velocity 1.2.2 **News** You can now order the Velocity book on [Amazon](http://amazon.com/Web-Animation-using-JavaScript-Develop/dp/0134096665)! **Docs** [VelocityJS.org](http://VelocityJS.org) **Quickstart** Velocity (CDN): `<script src="//cdn.jsdelivr.net/velocity/1.2.2/velocity.min.js"></script>` Velocity UI pack (CDN): `<script src="//cdn.jsdelivr.net/velocity/1.2.2/velocity.ui.min.js"></script>` Package managers: `bower install velocity` `npm install velocity-animate` ###**Updates** - **1.2.0**: [Custom tweens](http://VelocityJS.org/#progress). [Custom easings](http://VelocityJS.org/#easing). ["Finish" command](http://VelocityJS.org/#finish). See [commit log](https://github.com/julianshapiro/velocity/commit/2a28e3812c6fe9262244ed3b6d41d12ae9a107c6) for more. - **1.0.0**: File name changed to `velocity.js`. Read [VelocityJS.org/#dependencies](http://VelocityJS.org/#dependencies). - **0.1.0**: `stop` now stops animations *immediately* (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made. ###**Learn** - **Motion design**: [smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js](http://smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js) - **Animating without jQuery**: [smashingmagazine.com/2014/09/04/animating-without-jquery](http://www.smashingmagazine.com/2014/09/04/animating-without-jquery/) - **Performance comparisons**: [davidwalsh.name/css-js-animation](http://davidwalsh.name/css-js-animation) - **Workflow**: [css-tricks.com/improving-ui-animation-workflow-velocity-js](http://css-tricks.com/improving-ui-animation-workflow-velocity-js) ###**Comparisons** - **CSS transitions** are meant for simple interface flourishes. - **jQuery's $.animate()** is slow and poorly-equipped for motion design. - **Velocity** is a fast, feature-rich standalone alternative to jQuery's $.animate(). ###**Users** [whatsapp.com](http://web.whatsapp.com) [tumblr.com](http://tumblr.com) [scribd.com](http://scribd.com) [gap.com](http://gap.com) [complex.com](http://complex.com) [orbitz.com](http://orbitz.com) [htc.com](http://htc.com) [eater.com](http://eater.com) [seatgeek.com](http://seatgeek.com) [warbyparker.com](http://warbyparker.com) [oldnavy.com](http://oldnavy.com) [trove.com](http://trove.com) [saucelabs.com](http://saucelabs.com) [diy.org](http://diy.org) [siftscience.com](http://siftscience.com) [dropcam.com](http://dropcam.com) [clinkle.com](http://clinkle.com) [weezer.com](http://weezer.com) [welt.de](http://welt.de) [dyson360eye.com](http://dyson360eye.com) ==== [MIT License](LICENSE.md). © Julian Shapiro (http://twitter.com/shapiro). [Stripe](https://stripe.com/blog/stripe-open-source-retreat) sponsors Velocity's development. [BrowserStack](http://www.browserstack.com/) provides testing services.