Сделать настоящую SVG-тень feDropShadow из CSS-фильтра: drop-shadow ()? - PullRequest
0 голосов
/ 25 июня 2019

Мне интересно, это способ перенести CSS 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>

Заранее спасибо.

1 Ответ

1 голос
/ 25 июня 2019

На этот вопрос вы могли бы ответить сами, посмотрев определение функции фильтра drop-shadow() в спецификации CSS.

Определение здесь:

https://drafts.fxtf.org/filter-effects/#dropshadowEquivalent

Кроме того, он также описан в MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/filter#drop-shadow()_2

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...