Home/ Questions/Q 1064029
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T18:52:11+00:00

This is not a question, but just a rant. Or maybe a question… or

  • 0

This is not a question, but just a rant. Or maybe a question… or maybe I just don’t know much about box shadows..

In order to use box shadows in CSS3 in different browsers, here what I have to do:

-webkit-box-shadow: 0px 0px 10px #676767;
-moz-box-shadow: 0px 0px 10px #676767;
box-shadow: 0px 0px 10px #676767;

Is there anyone else finding this incredibly stupid in order for Firefox, Opera and Safari/Chrome/Webkit to work? And it will not even work in IE at all!

Is there anything I can do to reduce the duplicated CSS values?

Thanks,
badallen

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because box-shadow is not yet officially specified, you need the vendor-specific prefixes (eg: -moz, -webkit, -ms). IE doesn’t support them period; I’d recommend using CSS3 PIE if you want to use IE. PIE also adds support for other CSS 3 eye-candy like border-radius and gradients.

    If you want to avoid having to write the same code every time, I’d recommend using LESS or SASS and their mixins:

    http://lesscss.org/
    http://sass-lang.com/

    • 0