How do I ONLY add a box-shadow to the bottom with the following css?
I have the following css code:
box-shadow: 0px 1px 5px #888; -moz-box-shadow: 0px 1px 5px #888; -webkit-box-shadow: 0px 1px 5px #888;
How do I make it so that only the bottom border shows. I have a blur radius so not sure what to change or add to the above snippet.
Decrease the spread distance based on the blur radius (i.e. spread distance needs to compensate for addition of blur). Don't forget to adjust offset as well to compensate for reduction in spread.
box-shadow: 0px 4px 5px -3px #888;
You also only need
box-shadow. Mozilla and Webkit have supported it for a long time.
And for more informations see drop shadow only bottom css3