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

Yes, but the full opacity is only on the inside anyway. The last row  
of shadow pixels might only be 1% opaque even when the inside is 100%.  
So you could still do the same test, and have less subtle results.

On Jun 13, 2010, at 1:57 PM, Brian Manthos <brianman@microsoft.com>  
wrote:

> You can't use opaque.
>
> The reason this works as a test is because it stacks multiple  
> partially opaque blurs such that they converge on something clearly  
> visible rather than faint.
>
> -Brian
>
> -----Original Message-----
> From: fantasai [mailto:fantasai.lists@inkedblade.net]
> Sent: Friday, June 11, 2010 8:52 PM
> To: Brian Manthos
> Cc: Tab Atkins Jr.; www-style@w3.org; Brad Kemper; Simon Fraser; L.  
> David Baron; Prabs Chawla; Sylvain Galineau
> Subject: Re: [css3-background] vastly different takes on "blur"
>
> On 06/11/2010 06:32 PM, Brian Manthos wrote:
>> How's this for a test case?
>> "If you see pink/red, you fail."
>>
>> <html>
>> <head>
>> <style>
>> body {
>>    background-color:white;
>>    padding:50px;
>> }
>> div {
>>    box-shadow:0px 0px 4px 10px rgba(255,0,0,0.1);
>>    -moz-box-shadow:0px 0px 4px 10px rgba(255,0,0,0.1);
>>    height:100px;
>>    width:300px;
>> }
>> span
>> {
>>    background-color:white;
>>    box-shadow:0px 0px 0px 12px yellow;
>>    -moz-box-shadow:0px 0px 0px 12px yellow;
>>    display:block;
>>    height:100px;
>>    margin-top:-100px;
>>    width:300px;
>> }
>> </style>
>> </head>
>> <body>
>> <div><div><div><div><div><div><div><div><div><div></div></div></ 
>> div></div></div></div></div></div></div></div>
>> <span></span>
>> </body>
>> </html>
>
> I think you'd want to use red rather than rgba, but otherwise
> that's pretty clever. Yes, I think it's a good testcase.
>
> ~fantasai
>

Received on Sunday, 13 June 2010 21:37:03 UTC