Is there a way to make SVG filters work with url() in IE and Edge?

Question

css

There is an element on the page that needs to be applied an SVG filter (the filter is tricky, not just a blur or desaturation). The logical action would be to apply it via url:

.my-element {
    filter: url('#my-filter');
}

All normal browsers have long been able to add a filter to any element on a page in this way, but IE and Edge do not. Actually the question is: is there any polyfill or maybe a library that will allow you to apply SVG filters to any html elements in these browsers?

Answer 1

check out this one - https://github.com/jonathantneal/svg4everybody