- From: Brian Manthos <brianman@microsoft.com>
- Date: Fri, 25 Jun 2010 20:31:27 +0000
- To: fantasai <fantasai.lists@inkedblade.net>
- CC: "www-style@w3.org" <www-style@w3.org>, Simon Fraser <smfr@me.com>, "Prabs Chawla" <pchawla@microsoft.com>
> From: fantasai [mailto:fantasai.lists@inkedblade.net]
>
> On 06/25/2010 11:38 AM, Brian Manthos wrote:
> > Should there be any purple (or blue) visible for the html below?
> >
> > <style>
> > body {
> > background-color:white;
> > padding:50px;
> > }
> > div {
> > background-color:black;
> > box-shadow:50px 25px 10px red, 50px 25px 10px blue;
> > -o-box-shadow:50px 25px 10px red, 50px 25px 10px blue;
> > -moz-box-shadow:50px 25px 10px red, 50px 25px 10px blue;
> > -webkit-box-shadow:50px 25px 10px red, 50px 25px 10px blue;
> > height:100px;
> > width:200px;
> > }
> > </style>
> > <div></div>
>
> The spec applies blur to each shadow individually, so the effect would be the
> same as if you had multiple elements, each with one shadow. Since the
> edges are blurred to create an opaque->transparent transition, I believe the
> colors will blend somewhat in the non-opaque region.
That matches the renderings I'm seeing, but I wanted to be sure that was intentional.
"applies blur to each shadow individually, so the effect would be the same as if you had multiple elements, each with one shadow."
It might be worth including this language in the specification because it definitely helps clarify.
Thanks,
- Brian
Received on Friday, 25 June 2010 20:32:03 UTC