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

Re: [css3-background]Positioning of box-shadow blurs?

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 28 Apr 2010 21:36:17 -0700
Message-ID: <x2ldd0fbad1004282136q7315a29dr9dcafd7c857bc243@mail.gmail.com>
To: Brad Kemper <brad.kemper@gmail.com>
Cc: Brian Manthos <brianman@microsoft.com>, Alex Meiburg <timeroot.alex@gmail.com>, "www-style@w3.org" <www-style@w3.org>
On Wed, Apr 28, 2010 at 9:15 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> On Apr 28, 2010, at 7:02 PM, Brian Manthos wrote:
> And actually, Tab is incorrect, at least in regard to Webkit, which centers the blur along the edge. As shown here:
> http://www.bradclicks.com/cssplay/Blur-vs-Corner_result.png

Huh, you're right.  I misunderstood what I was looking at.  Here's an
example that clearly illustrates that both webkit and ff blur "in the

<!DOCTYPE html>
div {
	position: absolute;
	top: 100px;
	border: 1px solid black;
	background: transparent;
	width: 200px;
	height: 200px;

#foo {
	left: 0px;
	-webkit-box-shadow: 220px 0 20px blue;
	-moz-box-shadow: 220px 0 20px blue;

#bar {
	left: 220px;
<div id=foo></div>
<div id=bar></div>

Received on Thursday, 29 April 2010 04:37:15 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:34 UTC