W3C home > Mailing lists > Public > www-style@w3.org > February 2013

Re: box-shadow-[top, right, left, bottom]

From: Sebastian Zartner <sebastianzartner@gmail.com>
Date: Fri, 8 Feb 2013 16:56:55 +0100
Message-ID: <CAERejNaTKtcOK3bUzktz_5sS+bMXq1BF4rsffVqZkv6Z6xzCYA@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: Behrang Saeedzadeh <behrangsa@gmail.com>, W3C CSS Mailing List <www-style@w3.org>
That's not exactly the same. When you add blur radii to the shadows, they
also spread to the other three sides.

Sebastian

On Wed, Feb 6, 2013 at 2:29 PM, Alan Gresley <alan@css-class.com> wrote:

> On 6/02/2013 8:41 PM, Sebastian Zartner wrote:
>
>> I like the idea. Doing so would give the author the freedom to define
>> different blur radii, spread distances and colors for each side. I'm just
>> wondering if and how individual offsets and "inset" should be handled.
>>
>> box-shadow would then be a shorthand for these new properties.
>>
>> Sebastian
>>
>
> This can already be done with 'box-shadow'. Does the demo below not
> resolve the issue of what is possible?
>
> <!DOCTYPE html>
>
> <style type="text/css" media="screen">
> div {
>  width: 200px;
>  height: 200px;
>  margin: 2em;
>  background: silver;
>  box-shadow: -1em 0 black, 0px -1em blue, 1em 0 green, 0px 1em olive;
> }
> </style>
>
> <div>Some content</div>
>
>
>
>
> --
> Alan Gresley
> http://css-3d.org/
> http://css-class.com/
>
Received on Friday, 8 February 2013 15:57:22 GMT

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