CSS3: Browser Support

Over the next couple of months we will be posting a number of articles explaining how you can start implementing some of the latest CSS3 properties into your website.

At SJL we have started taking advantage of all that CSS3 and HTML5 offers. However, a number of designers/developers have expressed concerns over whether they should start using these new technologies due to the lack of browser support.

So in our first post of this new series we decided it would be a good idea to clarify which CSS3 properties are supported and by which browsers.

Internet Explorer

Internet Explorer CSS3 Support

	IE 6	IE 7	IE 8	IE 9
Border Image
Border Radius
Box Shadow
@Font-face
Gradients
HSL / HSLA
Multiple Backgrounds
Multiple Columns
Opacity
RGB / RGBA
Text Shadow
Transform

Google Chrome and Safari

Google Chrome & Safari CSS3 Support

	Chrome 4	Chrome 5	Safari 4	Safari 5
Border Image
Border Radius
Box Shadow
@Font-face
Gradients
HSL / HSLA
Multiple Backgrounds
Multiple Columns
Opacity
RGB / RGBA
Text Shadow
Transform

Firefox and Opera

Mozilla Firefox & OperaCSS3 Support

	Firefox 3.0	Firefox 3.6	Opera 10	Opera 10.5
Border Image
Border Radius
Box Shadow
@Font-face
Gradients
HSL / HSLA
Multiple Backgrounds
Multiple Columns
Opacity
RGB / RGBA
Text Shadow
Transform

Charts updated the 8th of February 2011

This entry was posted on Tuesday, February 8th, 2011 at 2:51 pm and is filed under CSS3, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.