scale image(.svg) will flash

[d3adrabbit]

Sorry for my bad english. i make an animation with ScrollTrigger, when the images become more and more bigger, the images will flash.

full screen to see this example, you will find this problem.

 

https://codesandbox.io/p/sandbox/blissful-bhabha-rz7wlb?file=%2Fpages%2Findex.tsx&selection=[{"endColumn"%3A40%2C"endLineNumber"%3A80%2C"startColumn"%3A40%2C"startLineNumber"%3A80}]

 

 

[GreenSock]

I can't replicate that behavior, but my guess is it might be related to your graphics card and/or your browser shifting between graphics rendering strategies. I believe that when a raster image gets beyond a certain size, it has to break it up into multiple tiles for memory optimization. Perhaps your graphics card is choking a bit on that. I'm really not sure because it doesn't happen on my system at all. You could try to set will-change: transform on your elements just to see if that helps. I'm pretty confident this has absolutely nothing to do with GSAP. Can you see the problem on other systems too or just your's? 

[d3adrabbit]

17 hours ago, GreenSock said:

I can't replicate that behavior, but my guess is it might be related to your graphics card and/or your browser shifting between graphics rendering strategies. I believe that when a raster image gets beyond a certain size, it has to break it up into multiple tiles for memory optimization. Perhaps your graphics card is choking a bit on that. I'm really not sure because it doesn't happen on my system at all. You could try to set will-change: transform on your elements just to see if that helps. I'm pretty confident this has absolutely nothing to do with GSAP. Can you see the problem on other systems too or just your's? 

Thank your for your help.