CSS Box Shadow Bottom Only

css underline box-shadow
WillingLearner picture WillingLearner · Dec 30, 2010 · Viewed 634.4k times · Source

How can I do this? I want my element to look as though it has a shadow underline. I don't want the shadow for the other 3 sides.

Answer

Steve B picture Steve B · Jun 5, 2011

Do this: 

box-shadow: 0 4px 2px -2px gray;

It's actually much simpler, whatever you set the blur to (3rd value), set the spread (4th value) to the negative of it.

Related questions

Remove stubborn underline from link

I am attempting to have a link show up in white, without an underline. The text color shows up correctly as white, but the blue underline is stubbornly persisting. I tried text-decoration: none; and text-decoration: none !important; in the CSS …

Read More
How to remove the underline for anchors(links)?

Is there anyway (in CSS) to avoid the underline for the text and links introduced in the page .. ?

Read More
How to increase the gap between text and underlining in CSS

Using CSS, when text has text-decoration:underline applied, is it possible to increase the distance between the text and the underline?

Read More