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

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
middle":

<!DOCTYPE html>
<style>
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;
}
</style>
<div id=foo></div>
<div id=bar></div>

~TJ

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