I read about the css box shadow property, from here: http://css-tricks.com/snippets/css/css-box-shadow/
I want to use a similar shadow to: .one-edge-shadow
.
The problem is that I don't want the corners of the shadow to be blurred (and rounded).
How can I achieve that? (preferably elegantly).
EDIT:
Comparison image: http://new.tsaviation.com/images/cpm155/drop-shadow-vs-bottom-shading.jpg
From what I understand, you want to have a bottom shadow, that doesn't have a radius property on its bottom corners, right?
If so, you could "attach" a "shadow" that is basically a div with a gradient background.
DEMO
HTML:
CSS: