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

SVG animation issue

  • 1 பதிலளி
  • 1 இந்த பிரச்சனை உள்ளது
  • 12 views
  • Last reply by WestEnd

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)

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