'Remove box shadow from bottom

If I don't want to have box shadow on bottom, what do I change my CSS to?

I'm using this, but I have <sections> where there's a shadow at the bottom between sections. I don't want that, so I want to get rid of the shadow only on the bottom side though.

Current CSS is:

 -webkit-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
  box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
jqueryhtmlcss


Solution 1:[1]

Use an innerbox (with the shadow) and an outerbox (with an overflow: hidden):

<div style="height: 30px; width: 30px; overflow: hidden; padding: 10px 10px 0 10px;">
    <div style="height: 30px; width: 30px; box-shadow: 0 5px 19px 2px #000;">
    </div>
</div>

http://jsfiddle.net/wQA8D/ (Sorry for the inline css)

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Peter van der Wal

Related Questions