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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

SVG animation issue

  • 1 reply
  • 1 has this problem
  • 6 views
  • Last reply by WestEnd

maciejo
maciejo
more options

Hi,

the css animation of the svg:circle looks weird. It seems that the size of the bbox does not follow the size of the circle itself. As a result the circle from time to time is cut at borders. I have not faced this problem with other browsers. The problems seems to appear on Windows 7/10 only. On Mac this looks better.

https://jsfiddle.net/j974Lkq8/

https://jsfiddle.net/dnvaw7to/

When I use SVG animation all is fine. https://jsfiddle.net/gex5rL3o/

Regards, Maciej

Hi, the css animation of the svg:circle looks weird. It seems that the size of the bbox does not follow the size of the circle itself. As a result the circle from time to time is cut at borders. I have not faced this problem with other browsers. The problems seems to appear on Windows 7/10 only. On Mac this looks better. https://jsfiddle.net/j974Lkq8/ https://jsfiddle.net/dnvaw7to/ When I use SVG animation all is fine. https://jsfiddle.net/gex5rL3o/ Regards, Maciej

All Replies (1)

WestEnd
WestEnd
more options

Like to the site? Giving code will not give others to see what is happening?