This can be adjusted with a negative spread radius.
I really don't see the point of adding these. If we want to make those use cases easier, just allow for different horizontal and vertical spread radius, which is useful for a number of use cases. Perhaps with a slash, eg box-shadow: 0 2px 4px -2px/0 black;
--
Sent from my iPhone. Please excuse weird typos and/or terseness.
On 8 Φεβ 2013, at 17:56, Sebastian Zartner <sebastianzartner@gmail.com> wrote:
> 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 18:03:15 UTC