CSS3 Buttons

This is how this page looks in IE6: <a href="http://i.imgur.com/PVT7u.png" rel="nofollow">http://i.imgur.com/PVT7u.png</a><p><i>Note</i> I understand it's an experiment, just for curiosity

Brilliant - kinda looks like hard candy. But...<p><i>If you're planing to use the BonBon buttons for production.. Well, I don't recommend it.. yet! Yes, I'm sorry, life is hard.</i>

They <i>feel</i> laggy. It's like there is a delay added to their animations on mouse hovering... or is it just ineffective? Can't say I like it.

Aaaah my eyes! (After viewing the page in IE8.)<p>These buttons don't degrade gracefully at all.

Has anybody made an @font-face package with icons? That would be super helpful and nice for doing icons on buttons etc...

Hitting inspect element in Chromium on Linux gives me an "Aw Snap" crash. :-\

Are we going to see "Flaming" CSS3 buttons anytime soon!? I mean yes mark up is just a href tag but the CSS itself is a bit huge when you look at the styling?

I learned a few bits about CSS3, such as splitting up border radius for top and bottom.

I guess sexy is a relative term.

My soul weeps for their beauty

There must be a bug in the lastest Dev version of Chrome. Some strange transparent white box on the "top" of the buttons.<p><a href="http://imgur.com/CTVFM.png" rel="nofollow">http://imgur.com/CTVFM.png</a>

...if you think children's vitamins are sexy.

Just because you <i>can</i> doesn't mean you <i>should</i>.