Animating with JavaScript instead of CSS

It's a common misconception that animating with JavaScript is slower and that animations should be done in CSS. The reality is that if used correctly, animation in JavaScript can have similar or superior performance. In this recipe, we will create an animation with the help of the simple but powerful Velocity.js (http://velocityjs.org/) library:

Getting ready

This recipe, while it presupposes no knowledge of the Velocity library, assumes that you are quite familiar with animations either in CSS or with JavaScript libraries, such as jQuery. If you've never seen a CSS animation and you want a speedy introduction, just complete the two preceding recipes and you should be able to follow along...