CSS Overlapping Tabs

Tabs are great – They’re user-friendly because they’re like the real world, and they can add a great 3D element to a design. Overlapping tabs present a special challenge to code, but with some careful planning and clever images, we’ll have some nicely interactive tabs.

We’re going to be using the “Sliding Doors” technique to make our tabs flexible, if you’ve never heard of the technique, check out the Douglas Bowman’s original article Sliding Doors of CSS over at A List Apart.