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

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

From: fantasai <fantasai.lists@inkedblade.net>
Date: Fri, 25 Jun 2010 12:09:29 -0700
Message-ID: <4C24FEE9.7000005@inkedblade.net>
To: Brian Manthos <brianman@microsoft.com>
CC: "www-style@w3.org" <www-style@w3.org>, Simon Fraser <smfr@me.com>, Prabs Chawla <pchawla@microsoft.com>
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.

~fantasai
Received on Friday, 25 June 2010 19:10:07 GMT

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