RESOLVED CONFIGURATION CHANGED 124366
When a CSS Animation is applied to a SVG path that has two property changes, only the last defined property is animated. 
https://bugs.webkit.org/show_bug.cgi?id=124366
Summary When a CSS Animation is applied to a SVG path that has two property changes, ...
Ben Frain
Reported 2013-11-14 09:29:01 PST
It should be possible to animate two CSS properties on an SVG with a CSS animation. This behaviour can be seen in Firefox but Safari (and Chrome) only render the last defined property change.
Attachments
Add attachment proposed patch, testcase, etc.
Ben Frain
Comment 1 2013-11-22 07:51:43 PST
Chrome had the same issue and it has been confirmed as a bug there: https://code.google.com/p/chromium/issues/detail?id=319407 The workaround is to ensure a fill property is declared (although the is obviously still a bug).
Brent Fulgham
Comment 2 2022-07-15 16:44:57 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. (Tested with test case used in the Chromium bug).
Note You need to log in before you can comment on or make changes to this bug.