[webkit-dev] Ideas for Box-shadow - CSS3

Raymond Irving xwisdom at yahoo.com
Sun Jul 19 10:09:31 PDT 2009


Hi Simon,

My bad I missed the third parameter. Thanks for the feedback. 

I have a look at it. 

--- On Sun, 7/19/09, Simon Fraser <simon.fraser at apple.com> wrote:

From: Simon Fraser <simon.fraser at apple.com>
Subject: Re: [webkit-dev] Ideas for Box-shadow - CSS3
To: "Raymond Irving" <xwisdom at yahoo.com>
Cc: webkit-dev at lists.webkit.org
Date: Sunday, July 19, 2009, 12:49 PM

On Jul 19, 2009, at 8:35 AM, Raymond Irving wrote:

> Hello ,
> 
> It's my first time posting here :)  Thanks for the great work that you guys have been doing.
> 
> I just have a simple idea for the box-shadow CSS3 property:

This kind of suggestion is best sent to the www-style list if you're really suggesting
an enhancement to CSS3.

> 
> I would like to suggest that a "feather" or "blur" value be added to the property. This will allow designers to create soft shadows for their box model.

Did you look at the spec?
<http://www.w3.org/TR/css3-background/#the-box-shadow>

"The third length is a blur radius. Negative values are not allowed. If it is 0, the shadow is sharp, otherwise the larger the value, the more the shadow is blurred. The exact algorithm is not specified."
> 
> You could even add a box-shadow-opacity property so we can get semi-transparent shadow effect.
> 
> div#mybox {
>     box-shadow-opacity: 0.5
> }

You can specify a color with alpha using rgba() colors.

Simon

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-dev/attachments/20090719/9c80f72d/attachment.html>


More information about the webkit-dev mailing list