在悬停时向SVG添加阴影

Question

我一直试图在svg路径上添加阴影。这是一个显示我的尝试的小提琴：https://jsfiddle.net/do6fk291/

我尝试在悬停时添加filter: url(#blur-filter)哪种方法有效，但看起来并不完全正确。我希望效果看起来好像片段从页面上抬起，背后有阴影。

我还看过为它添加一个笔触来为模糊效果添加更暗的颜色，但是触摸路径的边缘看起来也不正确。

有没有办法模糊中风？或者在悬停时为此添加阴影的另一种方法是什么？