W3C home > Mailing lists > Public > www-style@w3.org > December 2012

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

From: Brad Kemper <brad.kemper@gmail.com>
Date: Tue, 4 Dec 2012 10:47:56 -0800
Message-Id: <1318957E-AC67-45B0-B9A9-DB68A769A846@gmail.com>
Cc: W3C CSS Mailing List <www-style@w3.org>
To: Behrang Saeedzadeh <behrangsa@gmail.com>
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?
Received on Tuesday, 4 December 2012 18:48:36 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:03 GMT