How to create white css box shadow

css, shadow

Solution

Use this article or this code:

 -moz-box-shadow: 13px 13px 0px 0px #FFFFFF;
    -webkit-box-shadow: 13px 13px 0px 0px #FFFFFF;
     box-shadow: 13px 13px 0px 0px  #FFFFFF;

Problem

I have the following box shadow css on my site. It looks great in Chrome, but Firefox and IE do not recreate the effect I'm looking for. I want a white solid shadow only on the bottom of a box. How do I make this work for all browsers? ``` box-shadow: 0px 10px -14px 14px #FFF; -webkit-box-shadow: 0px 10px -14px 14px #FFF; -moz-box-shadow: 0px 10px -14px 14px rgb(255, 255, 255); ```

Original source