SVG-Css过滤器，用于模糊某些元素

我试图将CSS过滤器模糊应用于某些元素，但不知何故，这不起作用

以下是JSFIDLE中的一个示例：

我已经应用了下面的css，但是我的“.fuzzle”圆一点也不模糊。 HTML:

有没有一种方法可以将CSS3过滤器应用于某些svg元素，或者有其他方法

---

非常感谢

您似乎正在尝试此功能

但是，某些浏览器不支持它

---

这是一个SVG，其过滤效果与CSS描述的相同：

使用SVG过滤器。谢谢-请随意添加它作为答案，以便我可以验证它？你知道为什么它不能与CSS过滤器一起工作吗？IE11支持它，但不确定早期版本。Microsoft的官方演示页面：

<svg width="500px" height="500px">
    <circle class="blurred" cx="100" cy="100" r="50" fill="red"></circle>    
    <circle cx="220" cy="100" r="50" fill="red"></circle>
</svg>

svg circle.blurred {
  fill: green;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}