I was busy with my website using latest Chrome.
For no reason, I just started searching through code using Inspect Element
.
I scrolled down, after I saw some rare happening. -moz-
-o-
-ms-
-webkit-
were all crossed, except box-shadow
itself. Same happening was for every single CSS3 element, such as gradient, text-shadow, transition, box-shadow.
I was wondering if it's only for Chrome. I put the parts of code where there is prefix, between /*
and */
. Then started named below browsers, using 127.0.0.1
, and it all gives me result I wanted, without any prefixes.
Google Chrome 28.0.1500.95
-webkit-
Internet Explorer 10.0.9200
-ms-
Mozilla Firefox 23.0
-moz-
Opera 15.0.1147.153
-o-
Why everyone kept telling me, that I need to do it? When all browsers support it? (I mean that, all these 4 prefixes catch all browsers).
According to caniuse.com (first google result) the vendor prefix will support a few outdated versions of Mozilla and Webkit-based browsers.