1

I was recently searching online for CSS tricks and came across a box shadow example that went as follows:

-webkit-box-shadow:0px 2px 4px black;
-moz-box-shadow:0px 2px 4px black;
box-shadow:0px 2px 4px black;

I tested it out and it seems to produce the same result when you only have the box-shadow line of code so I'm just wondering what the purpose of the webkit-box-shadow and moz-box-shadow are?

Denys Séguret
  • 355,860
  • 83
  • 755
  • 726
JustinLG99
  • 47
  • 1
  • 8
  • 2
    That's for older WebKit and Firefox browsers that do not yet officially support the `box-shadow` property. But for now it s very widely supported so the vendor prefixes might not be necessary. You are likely using a recent version that supports the unprefixed property :) – Terry Apr 19 '15 at 07:57

1 Answers1

2

These are Browser Prefixes, they are used by browsers to experiment and test out new CCS3 implementations before solidifying them in their browser standards.

nikk wong
  • 7,291
  • 5
  • 46
  • 62