Search code examples
cssbrowserprefix

Prefix for CSS3 isn't required?


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


Solution

  • According to caniuse.com (first google result) the vendor prefix will support a few outdated versions of Mozilla and Webkit-based browsers.

    Link: http://caniuse.com/css-boxshadow