Browser support for animated SVG
Unfortunately, if you choose CSS, not all properties work the same in these browsers. Please see the differences below:
|Move on path (linear)||Yes||Yes||Yes||Yes|
|Move on path (curved)||56+||72+||15.4+||74+|
|Corner radius (rectangle)||Yes||Yes||15.4+||Yes|
Also good to know:
Safari doesn't support negative values for the dash-offset property. You can avoid using negative values by following the instructions here.
Using CSS though color transition animations are somewhat more restricted, limited to same type paint property — You can animate a smooth color transition from color to color, or even gradient to gradient but not from gradient to color (or from color to gradient).
Also to be noted that gradient offset values must not change.
Still got questions? Send us an email to email@example.com and we will get back to you as soon as we can.