“Easing” functions are key to quality animations. Instead of animation happening at a completely linear rate, easing functions accelerate and decelerate that rate. And there are a whole bunch of choose from! Check out these examples from the jQuery easing plugin.
Related Submissions:
- Add Easing to Your jQuery Animations Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing...
- CSS3 Animations and Their jQuery Equivalents As you might know already, I’m not a big fan of animations that are added in CSS3. Yet, several people on Twitter told me why...
- jQuery Animation Tutorialized This week I’m going to show you to make the best use of jQuery’s amazing animation features using just a few lines of code for...
- Animate Text with jQuery Easing Using JavaScript eliminates having to do this using flash or an animated gif. No need to open up that flash program just to change the...
- jQuery ‘delay’ plugin Here’s a very tiny jQuery plugin which makes it possible to delay a jQuery animation (or any function) for any amount of time. When you...