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

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