Easing jQuery Plug-in: Using the easeOutBack Effect to Build a Navigation Bar
In this penultimate installment of the series, I show how simple it is to animate the links bar we've been creating by using the easing options bundled with the Easing plug-in. In this article's example, the animation is implemented via the “easeOutBack” effect, but if you wish, it's quite possible to use a different easing option and create interesting variations in a snap.
Easing jQuery Plug-in: Using the easeOutBack Effect to Build a Navigation Bar (Page 1 of 4 )
Naturally, if you've already read the tutorials previous to this one, it’s probable that you’re familiar with building an animated links bar using Easing. In those earlier articles I discussed in a step-by-step fashion how to accomplish this. I left off the last installment explaining how to create an interesting variation of the bar by using the “easeOutElastic” effect included with the plug-in, which was admittedly a no-brainer process.
It’s fair to clarify, though, that Easing comes packaged with a few additional eye-catching effects that are worth looking at. In keeping with this idea, in this penultimate part of the series, I’m going to show how to apply the plug-in’s “easeOutBack” animation to the navigation bar developed in the previous article.
Want to learn how this will be carried out? Then jump ahead and begin reading!