Right… first off, check out the demo in either Firefox or Konqueror (I haven’t tested in IE yet, so can’t be certain that it works there yet (if not, I’ll fix it tomorrow)).
Impressed yet? No? Read the source.
If you are still not impressed, then you are obviously not a web developer :-).
The trick is based on an old CSS trick which I first saw done by Eric Meyer (Curvelicious).
The way he did it was to painstakingly split a curve image into slices, and apply floats to them individually.
At the time, I was pretty gobsmacked – it was a simple idea, but very effective.
However, as time went on, I grew jaded, in that “experienced web developer” way. Nowadays, if it adds any more than a few characters to the source, then I think it is too bloated.
So – here is a way to do the same trick, minus the bloat!
The advantages to this: very little bandwidth wasted, no time wasted by the designer painstakingly slicing the image apart.