W3C home > Mailing lists > Public > www-style@w3.org > May 2010

Re: [css3-background]Positioning of box-shadow blurs?

From: Simon Fraser <smfr@me.com>
Date: Fri, 30 Apr 2010 17:03:30 -0700
Cc: Sylvain Galineau <sylvaing@microsoft.com>, Brian Manthos <brianman@microsoft.com>, "Tab Atkins Jr." <jackalmage@gmail.com>, Alex Meiburg <timeroot.alex@gmail.com>, "www-style@w3.org" <www-style@w3.org>
Message-id: <22463C34-89EE-4CF2-9D5F-6D8102CD430D@me.com>
To: Brad Kemper <brad.kemper@gmail.com>
On Apr 30, 2010, at 4:47 PM, Brad Kemper wrote:
> # The third length is a blur radius. Negative values are not allowed. The
> blurring region should be an area the width of this value, running along and
> centered on the edge of the shadow shape (a shape that otherwise mimics
> the shape of the border box, including any border-radius, absent the 
> application of spread radius).  The shadow should transition from 
> the shadow color on the inner edge of this region, to transparent at the 
> outer edge of this region. If the blur radius is 0, the shadow has a sharp
> edge, otherwise the larger the value, the more the edge of the shadow is
> blurred.  The exact algorithm is not specified.

I wonder if it might be easier to define the shadow in terms of the steps required to render it
1. Take the element's border box, taking rounded corners into account (but excluding outline).
2. Fill with black.
3. Apply a gaussian blur (could reference SVG filters here??)
4. Render behind the background.

Or something like that.

> #The fourth length is a spread radius. Positive values cause the shadow 
> to expand in all directions by the specified radius. Negative values cause 
> the shadow to contract. If 'border-radius' is zero, then corners should remain sharp (not rounded) after spread radius is applied and prior to the application of blur radius. Otherwise, the corners of the new shape will have radii equal to the corresponding 'border-radius' value plus the spread-radius value (or minus the spread-radius value if it is an inset shadow, but no less than zero for the final spread shadow corner radius).

I think describing the effect of spread in terms of rendering steps would clarify how exactly it should behave (and act as a hint to implementors).


Received on Saturday, 1 May 2010 00:04:06 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:45 UTC