Demos » Browser Support Checklist CSS3

Share / Comment

Effective 04.03.2013

Browser
Rendering Engine
Firefox
Firefox

Gecko
Safari
Safari

Webkit
Chrome
Chrome

Blink
Internet Explorer
Internet Explorer

Trident
Opera
Opera

Presto | Blink
Version 27 4 5 5.1 33 6 – 8 9 10 11 12.15 20
Total CSS3 Support * 94.7% 78.9% 84.2% 94.7% 94.7% 7.9% 52.6% 92.1% 100% 89.5% 94.7%
Animations Yes Yes Yes Yes Yes No No Yes Yes Yes Yes
Background Gradients Yes Yes Yes Yes Yes No No Yes Yes Yes Yes
Background Size Yes Y/N Yes Yes Yes No Yes Yes Yes Yes Yes
Border Image Yes Yes Yes Yes Yes No No No Yes Yes Yes
Border Radius Y/N Y/N Y/N Y/N Yes No Yes Yes Yes Yes Yes
Box Shadow Yes Y/N Yes Yes Yes No Yes Yes Yes Yes Yes
Columns Yes Yes Yes Yes Yes No No Yes Yes Yes Yes
Flexbox Y/N No No Y/N Yes No No Y/N Yes Yes Yes
Font Face Yes Yes Yes Yes Yes Y/N Yes Yes Yes Yes Yes
HSLa Yes Yes Yes Yes Yes No Yes Yes Yes Yes Yes
Hyphens Yes No No Yes No No No Yes Yes No No
Multiple Backgrounds Yes Yes Yes Yes Yes No Yes Yes Yes Yes Yes
Opacity Yes Yes Yes Yes Yes No Yes Yes Yes Yes Yes
RGBa Yes Y/N Y/N Yes Yes No Yes Yes Yes Yes Yes
Text Overflow Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Text Shadow Yes Yes Yes Yes Yes No No Yes Yes Yes Yes
Transforms Yes Yes Yes Yes Yes No Yes Yes Yes Yes Yes
Transforms 3D Yes Yes Yes Yes Yes No No Yes Yes No Yes
Transitions Yes Yes Yes Yes Yes No No Yes Yes Yes Yes

* 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
Firefox

Gecko
Safari
Safari

Webkit
Chrome
Chrome

Webkit | Blink
Internet Explorer
Internet Explorer

Trident
Opera
Opera

Presto | Blink
Version 4+ 4+ 4+ 6 – 7 8 9+ 10+
Acid2 Yes Yes Yes No Yes Yes Yes
Acid3
Score
Yes100/100 Yes100/100 Yes100/100 No≤14/100 No24/100 Yes100/100 Yes100/100

77 Comments on “Browser Support Checklist CSS3”

Trackback URLRSS Comments

  1. Bruno PASSERAT says: 20.07.2014

    Merci beaucoup Norman. Très bon travail et très utile !

    Reply

  2. e cig says: 28.06.2014

    This piece of writing is actually a fastidious one it helps new internet viewers, who are wishing for blogging.

    Reply

  3. buy iphone 5s unlocked says: 28.06.2014

    My family members all the time say that I am killing my time here at net,
    but I know I am getting knowledge every day by reading
    such pleasant posts.

    Reply

  4. this site says: 27.06.2014

    I truly appreciate this post. I have been looking all over for this! Thank goodness I found it on Bing. You have made my day! Thank you again!

    Reply

  5. Mark Lopez says: 26.04.2014

    i’d really like to say appreciate it because of this write-up would like an individual sibling xoxo.

    Reply

  6. Roseann says: 08.04.2014

    I adore your internet site. Truly terrific content that shares a bunch of worth
    with us. Thanks for discussing those details.

    All the most effective

    Reply

  7. zineb says: 06.04.2014

    merci

    Reply

  8. A.R says: 27.03.2014

    thank you for this contribution

    Reply

  9. cheap watches watches that look like rolex says: 09.03.2014

    I aam not sure where you aree getting your
    info, but great topic. I needs to spend some time learning more or uderstanding more.
    Thanks for magnificent information I was looking for this information for my mission.

    Reply

  10. Loupyes says: 20.02.2014

    Where are Konqueror (the one which was the firt having Webkit, a very good browser), Iceweasel, Chromium, and mobile browsers ??

    Reply

    • Norman says: 21.02.2014

      Konqueror’s market share is just too low to list it. Since it uses Webkit as a basis, I’m sure it is just as good as Chrome or Opera.
      Adding mobile browsers is a good idea, I might add those in the future.

      Reply

  11. Musiklehrer Köln says: 13.02.2014

    IE 100% ??? Wow! Can you write such a list about HTML5?

    Reply

  12. Claudius says: 05.02.2014

    Hello nice work i searched for some similar but this helped me too.
    Only one thing i miss there is a good sandbox browser “Maxthon Cloud Browser”. Within this Browser it would be the perfect list for the CSS3 Browsersupport.

    Reply

  13. fnev.eu says: 17.12.2013

    Very nice, thank you for your job !

    Reply

  14. Lestari NS says: 04.11.2013

    This is great! Thanks for the information.
    I can see IE have signifficant improvement, from 7.9% to 9.2% at the latest version.

    Reply

  15. divination says: 25.10.2013

    This article will help the internet visitors for building up new web site or even a weblog from start to end.

    Reply

  16. Jonathan says: 17.10.2013

    Great article!
    Could you combine this information with W3Schools’ Browser Statistics so as to be able to easily determine that a certain feature is supported by e.g. 95% of all internet users?
    That would further help deciding whether to use a certain feature or not.

    Reply

  17. Sherry Cunningham says: 18.06.2013

    Thank you! Is it okay to put some of this about my web page if I include a link to this site?

    Reply

    • Norman says: 20.06.2013

      All my work is totally free. You are allowed to copy/modify/reblog it, whatever, go ahead – spread the word. :)

      Reply

  18. Animationen mit CSS3 erstellen | Der Webdesigner - das Magazin says: 22.05.2013

    [...] Die Grundlage hierfür stellt die @keyframes-Technologie dar, die wir in unseren Workshop-Beispielen einsetzen. Leider ist CSS3 noch nicht flächendeckend in allen Browsern implementiert, jedoch gibt es in den neuesten Versionen, selbst beim Internet Explorer, keine Probleme mehr mit dem Einsatz. In wie weit @keyframes auch von älteren Browsern unterstützt werden, sehen Sie beispielsweise in der Kompatibiliätstabelle von Norman’s Blog (http://www.normansblog.de/demos/browser-support-checklist-css3/). [...]

    Reply

  19. Design.Development & Technology » Blog Archive » Creating A Rocking CSS3 Search Box says: 04.04.2013

    [...] all browsers support CSS3 features and to trying out this tutorial, you should use one of the modern browsers that support CSS 3 [...]

    Reply

  20. Webdesign Koeln says: 15.02.2013

    Ich bin mal gespannt, wann die Browser endlich mal gleich reagieren und man sich als Webdesigner nicht immer Gedanken machen muss, was bei welchem Browser geht und was nicht.

    Reply

  21. johnny says: 16.01.2013

    thanks, bookmarked! ;)

    Reply

  22. Styr utseendet med stilmallar | Interaktiva Medier I says: 26.11.2012

    [...] Prova gärna på att använda de nya funktioner som finns men säkerställ att sajten ändå fungerar i webbläsare som inte har stöd för CSS3. Det behöver inte se likadant ut överallt. De senaste versionerna av de stora webbläsarna stöder CSS3 till stor del. I Norman’s blogg kan du hitta en sammanställning i tabellform över webbläsarnas stöd för olika CSS3-funktioner: http://www.normansblog.de/demos/browser-support-checklist-css3/ [...]

    Reply

  23. Petra says: 02.11.2012

    Klasse! Sehr smart gelöst, Kompliment.

    Reply

  24. Tanja Lehan says: 08.10.2012

    Great post at Browser Support Checklist CSS3 – Norman's Blog – Demos. I was checking constantly this blog and I’m impressed! Extremely useful info specially the last part :) I care for such info much. I was looking for this certain information for a very long time. Thank you and best of luck.

    Reply

  25. Neue Technologien und Web-Sprachen, die Internet Auftritte noch besser unterstützen. says: 01.10.2012

    [...] ist. Web Browser entwickeln natürlich sich auch weiter, so dass man mittlerweile sagen kann, dass alle Browser alle gängigen Websprachen sprechen und alle Browser auch Tools für Entwickler zu Verfügung [...]

    Reply

  26. Imran Solanki says: 14.08.2012

    how to use css3 in IE 6-8 ..?

    Reply

  27. Maik says: 19.07.2012

    Norman, thanks for your hard work with this list :-)
    Oh my god, IE 6-8 is so “nice” :-D

    Reply

  28. Smith says: 12.07.2012

    Very good word! IE10 eventually supports all css3!!! But css3 selectors???

    Reply

  29. Hugo says: 18.05.2012

    Hi !

    If no mistake, Firefox 3.6 doesn’t exist anymore since Mozilla decided to automatically update 3.6 to 12.

    I guess it’s the same deal with old Chrome versions since Google auto-update every Google Chrome user each time a new version is released.

    Great list anyway, thanks. :)

    Reply

  30. Transparente Hintergründe für das Web | Hurm IT Webdesign Blog says: 08.04.2012

    [...] RGBa Die dritte und zugleich jüngste Methode eröffnete sich durch den neuen CSS3 Standard. Dieser Ansatz gibt uns die Möglichkeit bei jeder Farbe(RGB) die wir irgendwo Einsetzen gleich die Transparenz(a) mit anzugeben. Daher auch der Name RGBa: Reg Green Blue alpha. So wird beispielsweise durch den Befehl background: rgba(255, 255, 255, .5) nicht nur die Farbe des entsprechenden Hintergrundelementes festgelegt sondern gleichzeitig auch noch die Deckkraft auf 50% (0.5) reduziert. Wie bereits erwähnt ist RGBa noch nicht all zu alt und somit ist davon auszugehen, dass nicht jeder Browser die Anweisungen korrekt interpretiert. Eine sehr schöne und gleichzeitig aktuelle Übersicht über die unterstützenden Browser findet ihr hier. [...]

    Reply

  31. Browser Support Checklist CSS3 – Norman’s Blog – Demos » Web Design says: 05.04.2012

    [...] Browser Support Checklist CSS3 – Norman’s Blog – Demos [...]

    Reply

  32. Site d’aide à la réalisation wordPress « pokypoipoi says: 04.04.2012

    [...] de compatibilité des fonctionnalités de css pour les naviguateur : Accéder ou Accéder Share this:TwitterFacebookJ'aimeJ'aime  Comments RSS [...]

    Reply

  33. Clement says: 24.02.2012

    Very helpfull job !! Thank you

    Reply

  34. Rob says: 13.02.2012

    Very helpful! Thanks

    Reply

  35. Styr utseendet med stilmallar | Interaktiva medier I says: 21.11.2011

    [...] Prova gärna på att använda de nya funktioner som finns men säkerställ att sajten ändå fungerar i webbläsare som inte har stöd för CSS3. Det behöver inte se likadant ut överallt. De senaste versionerna av de stora webbläsarna stöder CSS3 till stor del. I Norman’s Blog hittade jag en sammanställning i tabellform över webbläsarnas stöd för olika CSS3-funktioner: http://www.normansblog.de/demos/browser-support-checklist-css3/ [...]

    Reply

  36. Dryusdan says: 18.11.2011

    Vive Steve job, aucune fautes sur Safarie

    Reply

  37. norman says: 16.11.2011

    Better we can ban IE :)

    Reply

  38. Peter says: 14.11.2011

    Thanks for keeping this great resource up to date!

    Reply

  39. Sören Hentzschel says: 29.10.2011

    Hey Norman,

    bin grad durch Zufall zum ersten mal auf deiner Checkliste hier gelandet. Die ist mal richtig cool, so detailliert und aktuell. Hut ab, sehr gute Arbeit! Direkt in meinen Lesezeichen gelandet. :)

    Reply

  40. dirtdiver2010 says: 21.10.2011

    Danke für die Arbeit. Schön Übersichtlich, gerade auch wenn man sich in die Materie einfinden will.

    Reply

  41. CSS3 browser support | Eli's says: 03.10.2011

    [...] Link: http://www.normansblog.de/demos/browser-support-checklist-css3/ Uncategorized ← Above All — Great free Chillout Mix /* */ [...]

    Reply

  42. Michael says: 23.09.2011

    Gute Seite, danke!
    Ich bin grad dabei die neuen CSS-Funktionen zu lernen. Hätte also sehr gerne gesehen, wenn die CSS-Befehle direkt auf einen Tutorial, selfhtml o.Ä. verlinkt wären.

    Reply

    • Norman says: 24.09.2011

      Sehr gute Idee Michael! Ich hab mal ein paar Sachen verlinkt, über die ich schon was auf meinem Blog geschrieben habe und versuche das noch zu vervollständigen. Viel Erfolg bei deinen Tests :)

      Reply

  43. Danielle says: 11.08.2011

    Thanks for the info… very helpful!

    Reply

  44. JavaScript, Animationen und CSS3 | picomol.de says: 27.07.2011

    [...] Voraussetzung dafür natürlich: Unterstützung der CSS-Elemente durch den Browser. Sehr weit fortgeschritten in der Entwicklung sind die Webkit-Browser Safari und Chrome, gefolgt von Firefox und Opera. Mit Version 9 hat auch der Internet Explorer etwas an Boden auf die Konkurrenz gut gemacht. Eine Übersicht über unterstützte bzw. nicht unterstützte CSS3-Funktionen in den wichtigsten Browsern findet sich auf Normans Blog. [...]

    Reply

  45. Sebastian says: 05.07.2011

    Firefox will den Acid3 test gar nicht richtig bestehen, wie ich mal gelesen habe. Die 100% wären so banal, dass es sich nicht lohnt, dafür zu optimieren!?

    Reply

    • Norman says: 07.07.2011

      ja, völlig richtig. Mozilla hat sich entschieden den Acid3-Test nicht bestehen zu wollen. D.h. nicht, dass das niemals passieren wird, es hat einfach nur absolut keine Priorität. Den genauen Grund kannst du auf Alexander Limis Blog lesen.

      Reply

  46. Alexey says: 20.06.2011

    Cool!

    Reply

  47. Bene says: 18.06.2011

    Gute Arbeit und auch noch aktuell, weiter so!

    Reply

  48. Jenny says: 17.06.2011

    Very cool. Thanks for your work.

    Reply

  49. pcany webdesign » CSS3 Animations says: 08.05.2011

    [...] Überblick über die Browserunterstützung für CSS3 Funktionen gibt es hier: http://www.normansblog.de/demos/browser-support-checklist-css3/. Etwas ausführlicher in diesen Tabellen: [...]

    Reply

  50. Creating A Rocking CSS3 Search Field says: 06.05.2011

    [...] not all browsers support CSS3 features and to trying out this tutorial, you should use one of the modern browsers that support CSS 3 [...]

    Reply

  51. Caballero says: 17.04.2011

    Correction: IE9 does not support transform, just checked it myself, http://www.w3schools.com/css3/tryit.asp?filename=trycss3_image_gallery

    Reply

  52. Styr layouten med stilmallar | Interaktiva medier I says: 15.04.2011

    [...] Prova gärna på att använda de nya funktioner som finns men säkerställ att sajten ändå fungerar i webbläsare som inte har stöd för CSS3. Det behöver inte se likadant ut överallt. De senaste versionerna av de stora webbläsarna stöder CSS3 till stor del. I Norman’s Blog hittade jag en sammanställning i tabellform över webbläsarnas stöd för olika CSS3-funktioner: http://www.normansblog.de/demos/browser-support-checklist-css3/ [...]

    Reply

  53. Playing around with HTML5 & CSS3 « Natashamrtn's Blog says: 25.03.2011

    [...] CSS3 Checklist A browser support checklist providing an overview of the different browsers and their compatibility with CSS3 features. html5Test.com Determines what browser you’re using and ‘scores’ it based on how many HTML5 features are supported. It gives you a breakdown of each feature and your browser’s level of support. It has a tab for viewing how other browsers rank as well. CanIUse.com Covers both HTML5 and CSS3 and provides a customizable filter to target compatibility info on specific features in specific browsers – you can even specify previous/current/future versions of each browser! [...]

    Reply

  54. Patrik says: 15.03.2011

    Nice!
    I would like to see another list or a possibility to extend this list so all css properties can be viewed :)

    Reply

  55. mec says: 11.12.2010

    very nice, thankx !

    Reply

  56. Browser Support Checklist says: 26.11.2010

    [...] Die Liste findet ihr hier. [...]

    Reply

  57. kralynx says: 14.11.2010

    I would like to see the css3 support of the latest versions in a second table.

    And I’m interested in the future of Opera, the Alpha of Opera 11 is out for a while.

    Reply

    • Norman says: 16.11.2010

      hey kralynx,
      you are right. I’ll post those stats, soon. Been busy with other things lately
      EDIT: done ;)

      Reply

  58. 現在リリースされているブラウザのCSS3対応状況 - BlackFlag – Web Development Technical says: 08.10.2010

    [...] ≫Browser Support Checklist CSS3 – Norman's Blog – Demos [...]

    Reply

  59. admin says: 10.05.2010

    Very very good article, Chrome 4 is a good browser.

    Reply

  60. tiny update… | the fancy part of the web - tolleiv.de says: 08.05.2010

    [...] CSS3 browser compatibility checklist [...]

    Reply

  61. 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.

    Reply

  62. 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 -.-

    Reply

    • 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.

      Reply

  63. Jean Ximenes says: 19.03.2010

    Very Cool, congratulations to Safari, Chrome (webkit) and Opera (presto) by 100% at Acid test!
    The best browsers!!!

    Reply

  64. Random Links #151 | YASDW - yet another software developer weblog says: 14.03.2010

    [...] CSS3 Browser Support Checklist 2.9 % CSS3 support for IE8 … [...]

    Reply

  65. Siti Internet Roma says: 12.03.2010

    Good Job!!! Really interesting!!!

    Reply

Welcome !

Write a comment

« Back to Demos Found a mistake? Report it! by–sa 2014