How do I make an angled tab interface with just jquery and css3?

Question

This is my goal. Angled tabs with transparency on top of the other. How would i build this without using jpgs or pngs, but only css?

Answer 1

This tuts will get you going but I'll try to mockup something in a minute!

http://www.howtocreate.co.uk/tutorials/css/slopes

http://net.tutsplus.com/articles/news/fun-with-css-shapes/

BTW great question!

Edit:

Here is the "final" result:

See it here!

NOTE:

Just be aware that this is a "hack" and that it might not be the best idea to actually implement it, I think (can't try it now) IE has some issues with this, if you asked about usability and accessibility, I would say go with images :)