Demos » Browser Support Checklist CSS3
Effective 02.09.2010
| Browser Rendering Engine |
 Firefox Gecko |
 Safari Webkit |
 Chrome Webkit |
 Internet Explorer Trident |
 Opera Presto |
||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Version | 3 | 3.5 | 3.6 | 4.0b | 4 | 5 | 4 – 6 | 6 – 8 | 9a | 10.1 | 10.6 |
| Total CSS3 Support * | 26.5% | 55.9% | 73.5% | 76.5% | 88.2% | 97.1% | 94.1% | 2.9% | 47.1% | 29.4% | 70.6% |
| Animations | N | N | N | N | Y | Y | Y | N | N | N | N |
| Background Gradients | N | N | Y | Y | Y | Y | Y | N | N | N | N |
| Background Size | N | N | Y | Y | Y/N | Y | Y | N | Y | Y/N | Y |
| Border Image | N | Y | Y | Y | Y | Y | Y | N | N | N | Y |
| Border Radius | Y/N | Y/N | Y/N | Y/N | Y/N | Y | Y | N | Y | N | Y |
| Box Shadow | N | Y | Y | Y | Y/N | Y | Y/N | N | Y | N | Y |
| Columns | Y | Y | Y | Y | Y | Y | Y | N | N | N | N |
| Font Face | N | Y | Y | Y | Y | Y | Y | Y/N | Y | Y/N | Y |
| HSLa | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
| Multiple Backgrounds | N | N | Y | Y | Y | Y | Y | N | Y | N | Y |
| Opacity | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
| Reflections | N | N | N | N | Y | Y | Y | N | N | N | N |
| RGBa | Y | Y | Y | Y | Y/N | Y/N | Y/N | N | Y | Y | Y |
| Text Shadow | N | Y | Y | Y | Y | Y | Y | N | N | Y | Y |
| Transforms | N | Y | Y | Y | Y | Y | Y | N | N | N | Y |
| Transforms 3D | N | N | N | N | Y | Y | Y | N | N | N | N |
| Transitions | N | N | N | Y/N | Y | Y | Y | N | N | N | Y |
* This table does in no way reflect the full CSS3 specification, it rather gives an overview about todays browser support for visual features that become more and more important in modern webdesign.
Browser Support Checklist Acid2 & Acid3
| Browser Rendering Engine |
Firefox Gecko |
Safari Webkit |
Chrome Webkit |
Internet Explorer Trident |
Opera Presto |
|||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Version | 3 | 3.5 | 3.6 | 4.0b | 4 – 5 | 4 – 6 | 6 | 7 | 8 | 9a | 10.1 | 10.6 |
| Acid2 | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y |
| Acid3 Score |
N71/100 | N93/100 | N94/100 | N97/100 | Y100/100 | Y100/100 | N12/100 | N14/100 | N20/100 | N95/100 | Y100/100 | Y100/100 |
« Back to Demos Found a mistake? Report it! by–sa 2010 Norman Paschke
Siti Internet Roma says: 12.03.2010
Good Job!!! Really interesting!!!
Random Links #151 | YASDW - yet another software developer weblog says: 14.03.2010
[...] CSS3 Browser Support Checklist 2.9 % CSS3 support for IE8 … [...]
Jean Ximenes says: 19.03.2010
Very Cool, congratulations to Safari, Chrome (webkit) and Opera (presto) by 100% at Acid test!
The best browsers!!!
Drazen Mokic says: 25.03.2010
Very nice overview, thanks. Even with 9a IE still sucks compared to the other browsers, it`s a shame -.-
Norman says: 25.03.2010
Well, IE9 is in an very early phase of development. I’m pretty sure that Microsoft will add more CSS3 features and continue to improve its performance in Acid3.
Norman says: 25.03.2010
Update: For your interest, I removed Firefox 2 from the statistic since its no longer supported. Also, I took IE6, 7 and 8 together since they have exactly the same CSS3 support.
tiny update… | the fancy part of the web - tolleiv.de says: 08.05.2010
[...] CSS3 browser compatibility checklist [...]
admin says: 10.05.2010
Very very good article, Chrome 4 is a good browser.