For the past few weeks I’ve been tinkering with what CSS3 we can use today, via not-too-intrusive methods. I did NOT try each and every third-party option out there. Instead I focused on finding solid methods that worked in IE6/7/8, FF, Safari, and Chrome (most will work in Opera too, and all should “just work” when IE9 launches), with as few variations as possible. Meaning: if I found something that covered multiple effects, I used it over “one thing that fixed this and another thing that fixed that”.
I looked into what I consider to be the most requested CSS3-type effects:
- background-gradient
- border-radius
- box-shadow
- opacity
- rgba
- rotate text
- text-shadow
- animation
Okay, enough blathering, check this micro-site, I think it’s all explained there, but please post any questions you have or any options you prefer:
https://aarontgrogg.com/practicalcss3/
Happy CSS3ing,
Atg