How to make shadow on border-bottom?

Question

Hi, I need to apply the border shadow on border-bottom by CSS3. I just want to apply CSS3 shadow on bottom. If it is possible, please let me know. I need Answer ASAP.

Thanks Talha Ashraf

Answer 1

use box-shadow with no horizontal offset.

http://www.css3.info/preview/box-shadow/

eg.

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

There will be a slight shadow on the sides with a large blur radius (5px in above example)

Answer 2

Try:

-webkit-box-shadow: 0px 1px 1px #de1dde;
-moz-box-shadow: 0px 1px 1px #de1dde;
box-shadow: 0px 1px 1px #de1dde;

It generally adds a 1px blurred shadow 1px from the bottom of the box

box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];