Shivaji Shivaji - 7 months ago 66
CSS Question

Box shadow for bottom side only

I have an box of content and need to give shadow for that. But I want to give shadow for the bottom of the box only. I used this

css box-shadow: 0 3px 5px #000000;

If i give this code it shows left,right and bottom. I need bottom only

Can any one suggest to solve this one. Thanks a lot

Dev Dev

You can do the following after adding class one-edge-shadow or use as you like.

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;