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

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 UTC