How do you apply morfling animations to SVG elements without JS today?

Question

css

When I said the magic words " Okey, google " and dived into the abyss of information, the first thing I stumbled upon was the concept of SMIL animation. This is a rather old format, invented back in 1997 and is gradually forgotten about now. From the useful - it can also be more flexible in the dynamics of the animation flow than CSS3, and it can interact with the d attribute of the tag in my SVG file. Sadly, Opera mini and IE do not support it (according to rumors, Chrome also refused, but I did not find information about this).
After that, I got into the Google documentation and this is what I found there :

Especially for the lazy - it describes any interaction of interfaces with the SVG format

And here it is:

and here are ways to animate SVG content on the page

(the request of those who are strong in English to poke my nose and show me if, after reading what the google-translator gave me, I just missed the answer to my question
) SVG elements ,tp JS ?

PS I would be glad if you share this text with friends who could answer this question;)