Lottie animations are blurred on chrome (windows), but looks fine on other enviroments

[ashutosh.m812]

I’m having an issue where the lottie animations are getting blurred on Chrome (windows), but the same looks pretty clear in firefox on windows and safari / chrome on mac.

As suggested in few of the earlier topic, I have set the viewBoxOnly as ‘true’ thus ’ transform: translate3d(0px, 0px, 0px);’ is not added in svg element style.
But the above step doesn’t seem to help.

Below is a screenCapture, which shows the comparison between chrome(windows) and firefox(windows)

chrome on left, firefox on the right

I am using lottie-web (5.9.1) latest till date.
chrome: Version 99.0.4844.51 (Official Build) (64-bit)
firefox: 98.0 (64-bit)

sandbox url:

• Preview
• Code

Seeking HELP of the community to solve this problem, Thanks!

[irbypace]

I might be wrong on this, but I think it’s a common issue that chrome slightly blurs the lotties. Here’s the homepage of Lottiefiles.com with chrome and safari for comparison.

[davydova.annette]

Hey! i have the same issue. Have you found any solution for it?

[irbypace]

It’s a chrome vs safari thing. It’s entirely how the browsers render SVGs and other graphics.