Practical CSS3: What You Can Use Today and How to Do It. Everywhere.

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:

Happy CSS3ing,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.