Search code examples
cssbox-shadow

Remove the box shadow from the bottom of a div?

I'm having trouble formatting my footer because the box shadow from the main content div is going over it and making it look terrible.

I have looked through some other sources with people having a similar problem to me and have tried a few "solutions" but none have seemed to solve my problem.

enter image description here

What I want to find out is there a way to remove the shadow from only the bottom using CSS or is there a way to bring my footer div forward so it hides the bottom shadow.

Here's the code for the box shadow.

box-shadow: 10px 10px 5px #888888;

Thanks in advance.

Solution

  • just set box shadow like 

    box-shadow: 10px 0px 0px 0px #888888;