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

95 Comments on “Browser Support Checklist CSS3”

Trackback URLRSS Comments

  1. Randy Widmark says: 21.11.2014

    But wanna remark on few general things, The website style is perfect, the written content is very excellent : D. If you have more time, please visit my site: http://thoitrangtaobao2015.wordpress.com

    Reply

  2. Nghi Pro says: 19.11.2014

    I gotta favorite this website it seems handy very beneficial If you have more time, please visit my site: http://noithathanoi2015.wordpress.com

    Reply

  3. makreting spolecznosci says: 02.11.2014

    WOW just what I was looking for. Came here by
    searching for best free web design and hosting

    Reply

  4. Frontline Commando 2 Cheats says: 23.10.2014

    This Frontline Command two Hack will give you a great deal of prospects to
    cheat in the game.

    Reply

  5. Marsha says: 20.10.2014

    The major issue with this lens iis that some
    people have had trouble with the autofocus feature. The XA10 is rugged
    and has five enhanced focus modes. The automatic settinvs of any camera
    aree just there for the general public who aree not interested in learning the
    basics.

    Reply

  6. hobie pro angler says: 09.10.2014

    Hello i am kavin, its my first time to commenting anyplace, when i read
    this post i thought i could also create comment due to this good article.

    Reply

  7. Link says: 02.10.2014

    I like the helpful information you supply
    to your articles. I’ll bookmark your weblog and take a look at again right here frequently.
    I’m quite sure I’ll be told many new stuff right right here!
    Best of luck for the following!

    Reply

  8. weight destroyer says: 02.10.2014

    When some one searches for his required thing, thus he/she wants
    to be available that in detail, so that thing is maintained over here.

    Reply

  9. demenagement longue distance says: 01.10.2014

    Have you ever considered about including a little bit more than just your
    articles? I mean, what you say is valuable and everything.

    Nevertheless think of if you added some great visuals or videos to give your posts more,
    “pop”! Your content is excellent but with pics and clips, this website
    could certainly be one of the best in its field.
    Fantastic blog!

    Reply

  10. comptoir quartz ou granit ville de Quebec says: 29.09.2014

    Hi there this is somewhat of off topic but I was wondering if blogs use WYSIWYG
    editors or if you have to manually code with HTML. I’m starting a blog soon but
    have no coding know-how so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

    Reply

  11. check this site out says: 24.09.2014

    These types of situations and try to recognize the situation. 08% driving or higher case in front of justice.
    You can easily make it this way: police are going to magically get a Riverside DUI lawyer
    can help you with the motor skills will be they who would be good in that case.

    Reply

  12. ezrecordclean says: 22.09.2014

    This is really interesting, You are an overly skilled blogger.
    I’ve joined your rss feed and look ahead to seeking more of your wonderful post.
    Additionally, I’ve shared your site in my social networks

    Reply

  13. Orange County Accident Lawyer says: 20.09.2014

    Hi! This is kind of off topic but I need some guidance from an established blog.
    Is it very hard to set up your own blog? I’m not very techincal but I can figure things out pretty fast.
    I’m thinking about setting up my own but I’m not sure
    where to begin. Do you have any points or suggestions?
    Many thanks

    Reply

  14. animateur dj Sherbrooke says: 19.09.2014

    Heya! I know this is sort of off-topic however
    I needed to ask. Does operating a well-established blog like yours require a lot of work?
    I am brand new to running a blog however I do write in my journal daily.
    I’d like to start a blog so I will be able to share my own experience and feelings online.
    Please let me know if you have any kind of ideas or tips for new
    aspiring blog owners. Thankyou!

    Reply

  15. dyson steam carpet cleaner Vancouver says: 14.09.2014

    Today, I went to the beach front with my children. I found a sea shell and gave it
    to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed
    the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic
    but I had to tell someone!

    Reply

  16. carpet spot cleaner Victoria BC says: 04.09.2014

    This design is incredible! You definitely know how
    to keep a reader amused. Between your wit and your
    videos, I was almost moved to start my own blog (well, almost…HaHa!) Excellent job.
    I really enjoyed what you had to say, and more than that, how you presented it.
    Too cool!

    Reply

  17. Bouncy Ball android astuce says: 02.09.2014

    UI est diversifié échecs des marques uniques et
    les caractéristiques varient comme d’un marqueteur déconcerté à un de plus.

    Reply

  18. before and after weight loss tumblr says: 20.08.2014

    An interesting discussion is worth comment. I do think that you ought to
    publish more on this issue, it might not be a taboo matter but usually people don’t speak about such
    issues. To the next! Cheers!!

    Reply

  19. Bruno PASSERAT says: 20.07.2014

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

    Reply

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

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

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

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

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

  25. zineb says: 06.04.2014

    merci

    Reply

  26. A.R says: 27.03.2014

    thank you for this contribution

    Reply

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

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

  29. Musiklehrer Köln says: 13.02.2014

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

    Reply

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

  31. fnev.eu says: 17.12.2013

    Very nice, thank you for your job !

    Reply

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

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

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

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

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

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

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

  39. johnny says: 16.01.2013

    thanks, bookmarked! ;)

    Reply

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

  41. Petra says: 02.11.2012

    Klasse! Sehr smart gelöst, Kompliment.

    Reply

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

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

  44. Imran Solanki says: 14.08.2012

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

    Reply

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

  46. Smith says: 12.07.2012

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

    Reply

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

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

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

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

    Reply

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

  51. Clement says: 24.02.2012

    Very helpfull job !! Thank you

    Reply

  52. Rob says: 13.02.2012

    Very helpful! Thanks

    Reply

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

  54. Dryusdan says: 18.11.2011

    Vive Steve job, aucune fautes sur Safarie

    Reply

  55. norman says: 16.11.2011

    Better we can ban IE :)

    Reply

  56. Peter says: 14.11.2011

    Thanks for keeping this great resource up to date!

    Reply

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

  58. dirtdiver2010 says: 21.10.2011

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

    Reply

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

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

  61. Danielle says: 11.08.2011

    Thanks for the info… very helpful!

    Reply

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

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

  64. Alexey says: 20.06.2011

    Cool!

    Reply

  65. Bene says: 18.06.2011

    Gute Arbeit und auch noch aktuell, weiter so!

    Reply

  66. Jenny says: 17.06.2011

    Very cool. Thanks for your work.

    Reply

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

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

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

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

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

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

  73. mec says: 11.12.2010

    very nice, thankx !

    Reply

  74. Browser Support Checklist says: 26.11.2010

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

    Reply

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

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

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

    Reply

  77. admin says: 10.05.2010

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

    Reply

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

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

    Reply

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

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

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

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

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

    Reply

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