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

Simon Fraser simon.fraser at apple.com
Sun Jul 19 09:49:19 PDT 2009


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



More information about the webkit-dev mailing list