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

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 UTC