What CSS3 elements do you use to enhance compliant browsers?

Cool tricks

[Clark]

First off, I want to thank SuzyUK for being a treasure around here. She's really been helping me to begin to bridge the chasm of css learning curve.

She pointed out to me that you can use CSS3 elements in a way that degrades gracefully. So I was wondering what tricks you folks use most often? The rounded borders are great of course :)

Note, there are probably other threads on this, but this type of topic never hurts to refresh for the latest and greatest tips.

[SuzyUK]

thanks Clark.. I try , hmm haven't had much chance to integrate much myself as I'm usually just doing sites to a "photoshop" image for others

however if I could get the time to incorporate progressive enhancements, rounded corners would be one, text-shadow might be another

mostly I think using generated content as a visual aid would be a good thing.. i.e. to rollover a link and have it display the title attribute or id attribute (which would be the bookmark anchor) beside it..

multicolumns [w3.org] is great but those who absolutely need it will already have a scripted solution in place, however it's so cool that even in its incomplete form can enhance a list for example, if it doesn't work as equal columns, the list will still display as a list (therefore nice degradation)

these properties will not make it if they're not used and pushed like floats were.. you folks that like your tables please take note.. table properties didn't make it to IE becasue they were never "pushed", you can't have it both ways ;)

[edited by: SuzyUK at 4:31 am (utc) on April 12, 2008]