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 Saturday, 12 June 2010 03:52:26 UTC