Re: Non-hacky support for top-and-bottom-only (or left-and-right-only, etc.) drop shadows

On Dec 2, 2012, at 4:31 PM, Behrang Saeedzadeh <behrangsa@gmail.com> wrote:

> Hi,
> 
> Right now box-shadow's syntax does not provide a way for specifying shadows only for top and bottom of an element. The only way of achieving this is using some clever hacks like the one here: http://stackoverflow.com/a/10150898/1736621
> 
> This in turn leads to drop shadows that are brighter than what is expected.
> 
> I think apart from box-shadow, we also need box-shadow-top, box-shadow-right, box-shadow-bottom, and box-shadow-left.
> 
> What do you think?
> 
> Please see the attached example.
> 
>  Selection_012.png
> 
> 
> Cheers,
> Behrang Saeedzadeh
> http://www.behrang.org

It looks more like a gradient background to me than a box shadow. Since inner box shadows are right above the background layers anyway, why not just use a linear gradient as your top-most background layer, rather than trying to hack box-shadow to create a similar effect?