Why svg animation doesn't work in Firefox?

Question

css

In chrome everything is fine, in FF it is static. I can not understand.

https://codepen.io/rorytype/pen/RwKKzqE

Answer 1

Firefox DevTools says what the problem is:

Just add pxto keyframes. Example:

@-webkit-keyframes circle1 {
    0% { r: 20px;}
    15% { r: 30px; cy: -30px;}
    30% { r: 20px; cy: 20px;}
    45% { cy: 10px; }
    60% { cy: 20px; }
}