CSS3 is introducing loads of new and exciting functions and features like text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image. It is expected that CSS3, once it is fully developed and supported, will leads to greater flexibility and make it simpler to create complex and dynamic visual effects. Even though it is not currently all the leading browsers that support new CSS3 features some of them has been introduced in latest versions of browsers like Firefox, Safari and Chrome.
It is time to start investigating CSS3 and get familiar with it but be aware that CSS3 features are not yet accessed directly in most browsers and in some it is not even implemented at all, ex. Internet Explorer. Firefox use a prefixed with -moz-, resulting in fx. -moz-box-sizing. Safari 3 / WebKit uses -webkit-box-sizing and Opera just accepts plain box-sizing. Coding CSS3 is therefore currently a bit irritating as you have to write the same code multiple times with different prefixes. Anyway playing with and understanding the opportunities that new features in CSS3 will offer is is worth the effort. In this article tripwire magazine provides a large collection of CSS3 resources, Cheat Sheets and Tutorials to get web designers started.
Wed, Aug 26, 2009
14 Comments