As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I'm not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today.

Fancy but a very simple technique! The good thing about this technique is that it degrades gracefully and is still accessible even if js is turned off. If you have any comments, suggestions, or questions please feel free to let me know.

View live demo

Download source code

Leave your comments