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.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Learn More)