W3C home > Mailing lists > Public > www-style@w3.org > September 2010

Re: [CSS4] box-shadow and box-shadow inset

From: Masataka Yakura <myakura.web@gmail.com>
Date: Wed, 1 Sep 2010 20:21:35 +0900
Message-ID: <AANLkTimV4N9gVOPbUZPYYWJbHkeEaZQKSt2QdaLRPj8m@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: CSS 3 W3C Group <www-style@w3.org>
On Wed, Sep 1, 2010 at 7:44 PM, Alan Gresley <alan@css-class.com> wrote:
>
> After reading the 'Minutes and Resolutions Oslo F2F 2010' I still do not
> like the current proposal. I believe that CSS4 Backgrounds and Border should
> be moved to CR and that box-shadow should be shipped without vendor
> prefixes.
>
> My question is how does one apply a box-shadow and box-shadow inset on the
> same element? The following just doesn't work.
>
> div {
>  width: 100px;
>  height: 100px;
>  box-shadow: inset 5px 5px 10px black;
>  box-shadow: 5px 5px 10px black;
>
>
> <div>A box situated in Seattle</div>

box-shadow can take a comma-separated list of shadows so the following
should work:

  box-shadow: inset 5px 5px 10px black, 5px 5px 10px black;

-- 
Masataka Yakura
<myakura.web@gmail.com>
Received on Wednesday, 1 September 2010 11:22:22 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:31 GMT