Demos » Browser Support Checklist CSS3
Effective 04.03.2013
| Browser Rendering Engine |
 Firefox Gecko |
 Safari Webkit |
 Chrome Blink |
 Internet Explorer Trident |
 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 Gecko |
Safari Webkit |
Chrome Webkit | Blink |
Internet Explorer Trident |
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 | |
« Back to Demos Found a mistake? Report it! by–sa 2017 Norman Paschke
joel says: 19.09.2017
Spot mit dieser Aufschreibung, ich vermute eigentlich diese Website will eher mehr Rücksicht. Ich werde wahrscheinlich noch einmal viel mehr lesen, danke für diese Info.
joel says: 19.09.2017
Hübscher Teil des Inhalts. Ich stolperte nur auf Ihre Website und in Beitrittskapital zu behaupten, dass ich erwerben tatsächlich genossen Konto Ihre Blog-Posts. Auf irgendeine Weise werde ich abonnieren Sie Ihre Feeds und sogar ich Leistung Sie Zugang konsequent schnell.
restaurant frankfurt oder says: 28.06.2017
“Ich genieße dich wegen deiner ganzen Arbeit auf dieser Webseite. Kim wirklich liebt immer in Internet-Forschung und es ist offensichtlich, warum. Alle von uns bemerken alle lebendige Methode, die Sie sehr nützliche Informationen durch das Blog produzieren und daher die Teilnahme von einigen anderen auf diesem Thema fördern, während unser Kind viel verstanden hat. Freuen Sie sich auf den Rest des neuen Jahres. Sie führen immer einen ziemlich coolen Job. “”
hotel frankfurt-Oder says: 28.06.2017
“Ich habe so viel geliebt, wie du hier ausgetragen wirst. Die Skizze ist attraktiv, Ihr Autores Thema stilvoll. Dennoch bekommst du Befehl, dass du ein Schütteln bekommst, damit du folgendes liefern möchtest. Unwohlsum komme zweifellos noch früher zurück, seit genau das gleiche fast viel oft im Fall, dass du diese Wanderung abschirgst. “”
dani says: 28.06.2017
Anyway stay up the excellent quality writing, it is uncommon to peer a great weblog like this one these days.
CatherineX says: 23.06.2017
I must say you have hi quality posts here.
Your content should go viral. You need initial boost only.
How to get massive traffic? Search for: Murgrabia’s
tools go viral
info bola dunia says: 28.05.2017
We are a bunch of volunteers and starting a new scheme
in our community. Your website provided us with helpful info to work on. You
havve done an impressive job and our entire roup will probably be thankful to you.
Marc H. says: 01.03.2017
Hey Norman,
coole Checkliste und zurecht hochgelobt.
Wie aktuell ist sie denn und aktualisierst du sie regelmäßig?
Habe sie erstmal gebookmarked und bin auf deine Antwort gespannt.
Viele Grüße
massinissa says: 06.02.2017
merci énormément ça ma vraiment aidé et ça montre vraiment la différence entre ces navigateur !!!
buyangandu bernard says: 29.12.2016
wonderful!,
document good job!
landry sofonkou says: 08.12.2016
merci beaucoup ce document ma beaucoup aidé
BJS says: 29.11.2016
If some one needs to be updated with most recent technologies afterward
he must be visit this website and be up to date every day.
musterjack5 says: 26.11.2016
sorry my browser is not able to execute css!!!
Igloo page builder says: 26.11.2016
Useful info. Lucky me I discovered your site
unintentionally, and I am shocked why this twist of fate didn’t took place earlier!
I bookmarked it.
ホワイトニングリフトアップジェル says: 21.08.2016
有名メーカーの化粧品で、お肌のマリオネットラインのトラブルを治療効果が期待できます。ホワイトニングリフトケアジェルは、ライバル商品の中でもファンが多い化粧品です。エイジングケアには欠かせないアイテムです。
download mp3 says: 13.06.2016
In order to make sure the music you want to download fits into
your monthly budget, consider using a site that charges a subscription fee, rather than a fee for each download.
Music had an essence then and that is the
essence that is nowadays missing in the crappy music you can listen to on the radio and on TV.
That’s why it’s kind of cool to be abble to download free
music once you’re out of cash.
world news says: 05.06.2016
You can certainly see your expertise within the
work you write. The world hopes for even more passionate writers like you who are not afraid to say how
they believe. Always follow your heart.
oposiciones 2014 instituciones penitenciarias says: 05.06.2016
If some one needs expert view regarding blogging after that i propose him/her to go to see this
webpage, Keep up the nice job.
Volleyball betting bonus says: 28.04.2016
Magnificent beat ! I would like to apprentice att the
same time as you amend your site, howw coould
i subscribe for a weblog site? The account helped me a acceptable deal.
I were a little bit fmiliar of this your bradcast offered
brilliant transparent idea
Binary24.de says: 07.03.2016
Very nice overview, thanks
1A Onlienshosp says: 15.03.2016
Es ist langsam an der Zeit, dass zumindest die bekanntesten Browser sich annähern, damit die Programmierung von Website schneller gehen kann.
judi togel online says: 02.10.2015
Thhanks to my father who sharred with me regarding this web site, this weblog is actually remarkable.
Volleyball online Bookies says: 31.08.2015
http://www.livecasinofreebet.com/Free Bet Live Casino bonus
berita terbaru says: 19.08.2015
Just be sure that you follow all of the proven and tried techniques that others are talking about and you wont
go wrong. In culinary preparation for the past many years, heated stones have been used to cook some of the best dishes.
Upon undertaking this, you are really hitting two birds in one stone due to the fact you don’t only
possess the trainings, but you can also have some certification that can be an help to you a good deal.
CPR or Cardiopulmonary Resuscitation can be a technique
that you just can apply anytime there is certainly a
patient that hardly breathes due to some circumstances like suffocation, choking, drowning, or
perhaps heart failures.
imgstyle.xyz says: 13.08.2015
Thanks a lot for sharing this with all folks
you really recognize what you are talking approximately!
Bookmarked. Please also consult with my web site =).
We could have a hyperlink exchange arrangement among
us
chakra says: 04.07.2015
Quand ce chakra est ouvert, vous exprimer est facile et l’art semble être un excellent moyen de le faire.
zapatos andrea por catalogo digital says: 26.06.2015
Envío a domicilio: si quieres que te enviemos
el pedido a tu domicilio, sitio de trabajo etc, lo
haremos a través del servicio de CORREOS.
wohnzimmer gestalten ideen says: 02.05.2015
An interesting discussion is worth comment. I think that you ought to publish
more on this issue, it might not be a taboo matter but typically people
don’t talk about such topics. To the next! Cheers!!
morel says: 11.03.2015
merci pôur ces bellles informations elles nous serviront
More about the author says: 23.02.2015
Thankfulness to my father who shared with me regarding this webpage, this weblog
is actually amazing.
Bruno PASSERAT says: 20.07.2014
Merci beaucoup Norman. Très bon travail et très utile !
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 ??
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.
Musiklehrer Köln says: 13.02.2014
IE 100% ??? Wow! Can you write such a list about HTML5?
Webseiten Ersteller says: 25.01.2016
Man hätte hoffen können, dass nun nach so langer Zeit die Browser sich ähnlich geworden sind, aber weit gefehlt.
Die Homepager says: 11.03.2016
Super Tool und gute Arbeit.
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.
fnev.eu says: 17.12.2013
Very nice, thank you for your job !
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.
Lestari NS says: 04.11.2013
I mean to 92.1%. Sorry typing mistake.
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.
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.
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?
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.
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/). [...]
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 [...]
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.
johnny says: 16.01.2013
thanks, bookmarked!
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/ [...]
Petra says: 02.11.2012
Klasse! Sehr smart gelöst, Kompliment.
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.
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 [...]
Imran Solanki says: 14.08.2012
how to use css3 in IE 6-8 ..?
Maik says: 19.07.2012
Norman, thanks for your hard work with this list
Oh my god, IE 6-8 is so “nice”
Smith says: 12.07.2012
Very good word! IE10 eventually supports all css3!!! But css3 selectors???
Norman says: 15.07.2012
IE10 supports all CSS3 selectors as well.
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.
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. [...]
Browser Support Checklist CSS3 – Norman’s Blog – Demos » Web Design says: 05.04.2012
[...] Browser Support Checklist CSS3 – Norman’s Blog – Demos [...]
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 [...]
Clement says: 24.02.2012
Very helpfull job !! Thank you
Rob says: 13.02.2012
Very helpful! Thanks
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/ [...]
Dryusdan says: 18.11.2011
Vive Steve job, aucune fautes sur Safarie
norman says: 16.11.2011
Better we can ban IE
Peter says: 14.11.2011
Thanks for keeping this great resource up to date!
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.
IE9以下でもMedia Queriesを使う覚書 | 極楽ひだまり保育園・・・猫になりたい says: 25.10.2011
[...] Browser Support Checklist CSS3 [...]
dirtdiver2010 says: 21.10.2011
Danke für die Arbeit. Schön Übersichtlich, gerade auch wenn man sich in die Materie einfinden will.
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 /* */ [...]
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.
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
Danielle says: 11.08.2011
Thanks for the info… very helpful!
[CSS3] 다단 기능 column-count : 현재 파폭,크롬,사파리 지원 says: 07.08.2011
[...] Browser Support Checklist CSS3 [...]
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. [...]
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!?
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.
yakuza4d says: 02.09.2016
your web is very nice
Alexey says: 20.06.2011
Cool!
Bene says: 18.06.2011
Gute Arbeit und auch noch aktuell, weiter so!
Jenny says: 17.06.2011
Very cool. Thanks for your work.
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: [...]
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 [...]
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
Norman says: 17.04.2011
Yes, it does support transforms, you have to use the
-msprefixStyr 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/ [...]
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! [...]
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
mec says: 11.12.2010
very nice, thankx !
Browser Support Checklist says: 26.11.2010
[...] Die Liste findet ihr hier. [...]
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.
Norman says: 16.11.2010
hey kralynx,
you are right. I’ll post those stats, soon. Been busy with other things lately
EDIT: done
現在リリースされているブラウザのCSS3対応状況 - BlackFlag – Web Development Technical says: 08.10.2010
[...] ≫Browser Support Checklist CSS3 – Norman's Blog – Demos [...]
admin says: 10.05.2010
Very very good article, Chrome 4 is a good browser.
tiny update… | the fancy part of the web - tolleiv.de says: 08.05.2010
[...] CSS3 browser compatibility checklist [...]
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.
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.
Jean Ximenes says: 19.03.2010
Very Cool, congratulations to Safari, Chrome (webkit) and Opera (presto) by 100% at Acid test!
The best browsers!!!
Random Links #151 | YASDW - yet another software developer weblog says: 14.03.2010
[...] CSS3 Browser Support Checklist 2.9 % CSS3 support for IE8 … [...]
Siti Internet Roma says: 12.03.2010
Good Job!!! Really interesting!!!