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

RE: [css3-background] vastly different takes on "blur"

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>
Message-ID: <FA122FEC823D524CB516E4E0374D9DCF01590979@TK5EX14MBXC132.redmond.corp.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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:28 GMT