I am having trouble with Hype animations not being supported across all browsers. I have learned that in order to animate SVGs, you have to resize with width and height, not percentage, otherwise it is blurry. However, now with Microsoft Edge browser, when I animate with width and height, the animation jumps to the size instead of showing the smooth animation. Is there any way to fix this so that the animation is smooth and the image does not become blurry in Edge?
test.zip (203.8 KB)