We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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?