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: Jake Archibald <jaffathecake@gmail.com>
Date: Mon, 3 Dec 2012 11:52:20 +0000
Message-ID: <CAJ5xic_vMgR7HNrjcq15_TT=MmMmE6US5SvgwUR0D3YCAtC-rQ@mail.gmail.com>
To: Behrang Saeedzadeh <behrangsa@gmail.com>
Cc: W3C CSS Mailing List <www-style@w3.org>
If you need a shadow that's smaller, negative spread would do it. If you're
just looking for a gradient on one edge, use CSS3 gradients on
::before/after.

Is there an effect that you're looking for that can't be achieved by either
of those things?

Jake.


On 3 December 2012 00:31, 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<https://docs.google.com/file/d/0ByWstmU-AS9GNURTUkVMdWdWdzQ/edit>
>
>
> Cheers,
> Behrang Saeedzadeh
> http://www.behrang.org
>
Received on Monday, 3 December 2012 11:52:51 GMT

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