Question

我有一个关于应用过滤器的潜在方式的gist（请参阅预览here）。我不确定如何在有效触发鼠标悬停的矩形上有条件地应用它。我到目前为止看到的示例是应用过滤器ID，但如果我更改过滤器属性，如上例所示，它会影响所有元素。

我正在寻找框阴影来表示选择（here）如果你可以将模糊改变为阴影，那就太棒了。

感谢。

Answer 1

一种方法是将过滤器属性应用于CSS：hover规则，请参阅this example。

定义类似于您已经完成的模糊过滤器，然后使用这样的CSS：

rect:hover { filter: url(#blur); }

你应该指定一个稍微大一些的滤镜区域，否则你的模糊会被剪裁。