[Scale transform is not smooth in Firefox]

@Rukasu @OSUblake it works! Thank you!!!!

 

For the record, yes my testing was on Windows 10 and Firefox 89.

[Scale transform is not smooth in Firefox]

My animation (a small, pulsing circle) is perfectly smooth in Chrome but jerky/laggy/unsmooth in Firefox. I tried the following fixes as some others recommended:

• Set a small rotation
• Set force3D: false in GSAP animation
• Set will-change: transform on css element

 

But it has no effect.

 

Is it still true that Firefox is just bad at rendering animations and the issue is unrelated to GSAP? Are there any workarounds?

 

There are a bunch of other posts in this forum about unsmooth Firefox animations, but I could not find any solutions that solve the problem.

 

Thank you.

See the Pen QWpoNJG by geminix (@geminix) on CodePen