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

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

From: Lea Verou <lea@w3.org>
Date: Fri, 8 Feb 2013 20:01:11 +0200
Message-Id: <1294FC65-173A-4B22-93B2-9EA64FDD7C00@w3.org>
Cc: Alan Gresley <alan@css-class.com>, Behrang Saeedzadeh <behrangsa@gmail.com>, W3C CSS Mailing List <www-style@w3.org>
To: Sebastian Zartner <sebastianzartner@gmail.com>
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 GMT

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