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

Re: [css3-background] box-shadow syntax

From: Henrik Hansen <henrikb4@gmail.com>
Date: Sun, 11 May 2008 16:04:01 +0200
Message-ID: <dd12cf660805110704u316987fetff44584451d6fe65@mail.gmail.com>
To: www-style@w3.org
So, finally, I've made a diagram showing how this might could be done.
It can be seen here:
http://img396.imageshack.us/my.php?image=shadowdiagramol2.png

The object is a lime star with a blue semi-transparent circle behind.
The shadow map is the alpha channel. black is fully visible and white is
invisible.
The color map is the colors without the alpha on.

The mix is simply: You simply change the alpha-value of the color-map and
then apply some darkness to it. (of course depending on how the shadow map
looks.)
Opacity is quiet obvious...
...and so is blur.

Applied is show how it will look in the UA.

---

But I'm pretty sure the mix part can be done in a much smarter way, I just
can't seem to figure it out, maybe David Hyatt knows more about that. (as
you said Alan)

-Henrik Hansen
Received on Sunday, 11 May 2008 14:04:35 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:55:06 GMT