从CSS过滤器:Drop-Shadow()制作真正的SVG FedRopShadow阴影

Question

我想知道这是将drop-shadow转移到纯SVG的feDropShadow或某种环境中的一种方法吗？

喜欢此示例：

    filter: drop-shadow(0px 1px 0.1px #fff) drop-shadow(0px 1px 3px #a3d900de);

下面类似的事情不起作用：

<filter id="some_id">
  <feDropShadow dx="0" dy="1" stdDeviation=".1" flood-color="#fff" />
  <feDropShadow dx="0" dy="1" stdDeviation="3" flood-color="#a3d900de" />
</filter>

预先感谢。

Answer 1

这是您可以通过查找drop-shadow()滤波器功能的定义来回答自己的问题。

定义在这里：

https://drafts.fxtf.org/filter-effects/#dropshadow equivalent

另外，也可以在MDN上进行描述

https://developer.mozilla.org/en-us/docs/web/css/filter#drop-hadow((_2