This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I rearrange animated SVG elements which are distorting within HTML?

more options

I have a single webpage with an animated SVG that goes upward along a path. However when wrapping the markup within my HTML, it appears distorted and pushes towards the margin. I couldn't tell whether the positioning is incorrect or the whether the animation is wrong. Here's a jsfiddle link to my code: https://jsfiddle.net/kimaiga/pjk7t1qb/

Any idea of what I'm missing?

I have a single webpage with an animated SVG that goes upward along a path. However when wrapping the markup within my HTML, it appears distorted and pushes towards the margin. I couldn't tell whether the positioning is incorrect or the whether the animation is wrong. Here's a jsfiddle link to my code: https://jsfiddle.net/kimaiga/pjk7t1qb/ Any idea of what I'm missing?

All Replies (2)

more options

Not sure this is really a firefox End user Browser help because this site doesn't help with webmastering pages.