<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Compositing layer is too large when inner element has a blur that is within bounds"
href="https://bugs.webkit.org/show_bug.cgi?id=155288#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Compositing layer is too large when inner element has a blur that is within bounds"
href="https://bugs.webkit.org/show_bug.cgi?id=155288">bug 155288</a>
from <span class="vcard"><a class="email" href="mailto:simon.fraser@apple.com" title="Simon Fraser (smfr) <simon.fraser@apple.com>"> <span class="fn">Simon Fraser (smfr)</span></a>
</span></b>
<pre><a href="http://dbaron.org/log/20110225-blur-radius">http://dbaron.org/log/20110225-blur-radius</a> also explains this well.
"The SVG feGaussianBlur filter primitive has a stdDeviation attribute, which takes the standard deviation (σ) of the Gaussian blur. So in SVG, the number given is half the number that you would give to get the same blur with CSS or canvas."
I think when dbaron says "with CSS" he's referring to box-shadow. The CSS blur filter matches SVG.
This means that "filter: blur(10px)" and "box-shadow: 0 0 10px black" don't match which is sad.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>