This effect is called “animated rounded menu tabs”. It’s a neat little effect that will work in all browsers including IE6+. somethings to note is that this technique uses a single image for its four corners and is stretchy in both width and height!
We are also using the jQuery JS lib to ensure our JS works across all browsers but also to cut down on the amount of JS we uses to make this great effect. Here is the link I use in the video tutorial to use the jQuery lib from Google’s online repository.
The Video Tutorial:
Here is the full source if you want to just get down to studying the code.
Devin R. Olsen - Lava Lamp Menu Tabs%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f918%%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f94%%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f95%%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f96%%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f97%%MINIFYHTML5d53eaffc73b4a664d9e96f49140a9f98%