Why doesn't svg filter work in safari?

Question

css

There is an animation using the svg filter. Demo here . During the movement of the balls, they stick together into one rectangle, and stick together in the literal sense, this is the essence of animation. It works great in chrome and fox, not in safari, the balls just move and get to the right place. it will be clearly visible if you remove these lines:

.blobs{
  -webkit-filter: url("#goo");
  filter: url("#goo");
}

Then in chrome and fox animation without sticking effect, this is how it looks in safari.
I can't google anything intelligible on this issue, everywhere they write that safari supports svg filters, a question for those who know, maybe it's in the syntax? Maybe something is wrong in css described. There was a moment in firefox that didn’t want to work until I specified the absolute path to the filter, as a result, the entry is now like this

-webkit-filter: url("#goo");
filter: url("/individualnye-resheniya.html#goo");

The first line works in chrome and the second for firefox. I don't understand what Safari doesn't like..

Answer 1

Here is the support of properties by browsers caniuse.com/#search=filter
As you can see, safari supports filter since version 10