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: Sun, 13 Jun 2010 20:57:23 +0000
To: fantasai <fantasai.lists@inkedblade.net>
CC: Tab Atkins Jr. <jackalmage@gmail.com>, "www-style@w3.org" <www-style@w3.org>, Brad Kemper <brad.kemper@gmail.com>, Simon Fraser <smfr@me.com>, "L. David Baron" <dbaron@dbaron.org>, Prabs Chawla <pchawla@microsoft.com>, Sylvain Galineau <sylvaing@microsoft.com>
Message-ID: <FA122FEC823D524CB516E4E0374D9DCF0151FBF0@TK5EX14MBXC136.redmond.corp.microsoft.com>
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 20:58:24 GMT

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