Размытие SVG по маске, как осуществить?

Есть svg, нужно применить фильтр blur чтобы было как на картинке. Подскажите, как сделать такое или хотя бы в какую сторону смотреть. Сломала голову в поисках решения (5b781df0c2256449195593.jpeg

Важный момент: интересуют именно svg маски/фильтры для svg.

Абстрактный код:
<svg>
  <defs>
    .... ???
  </defs>
  <g>
    <path d="..."/>
    <path d="..."/>
    <path d="..."/>
  </g>
</svg>
  • Вопрос задан
  • 278 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy
UI developer. Верстаю неверстаемое.
хотя бы в какую сторону смотреть?

Смотрите в сторону создания двух слоев с одним и тем же содержимым. К верхнему применяется размытие и маска из градиента. А дальше нужно играть с параметрами до достижения желаемого результата.

Можно и в обратную сторону - нижний размывать, а к верхнему применять маску, только противоположных цветов.

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08
Первая ссылка в гугле
css.yoksel.ru/svg-masks
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы