Mcan

Thank you! I guess it is just because of my system. Thanks for your time. It helps a lot. I already tried adding them one by one. But it didn't help with the bug.

Hi @Rodrigo, @GreenSock, @GSAP Helper Could you please look at this website? Do you see any glitches on the intro animation Chromium-based browsers? https://nakiska-portfolio-one.vercel.app/ It is all glitchy for me. I hope it is about my graphics card. I am literally trying to fix the bug for more than 3 weeks.

Thanks for your reply! Sorry for the vagueness but when I try to create the animation, just at the beginning, when svgs are overlapping, it seems like the renderer cannot decide which one to render first and there are some terrible flickers. I tried setting z-indexes for each one but still no hope. You can try refreshing the page in full-screen mode to see the bug. Here is a screen recording of the bug. I bug (1).mp4 The bug happens when the flowers start to move. In this animation I have a bunch of paths which the flowers have to follow. What is the best and the most efficient way to achieve this? Note that it should be responsive, as well.

Hi, I am trying to create a reveal animation. I am not a beginner but even though I tried everything, I couldn't solve the issue. It works like a charm on Safari but not on Chromium browsers. When SVGs are moving, as soon as they overlap, the bug shows up. Note that if the scale of these SVGs are not big then there is no bug but as the purpose of the animation, the SVGs should be big enough to cover the whole page. Note that to see the bug you have to go to the pen and make the result full screen with the link below. It somehow doesn't happen when the window is small. Please help me, I really appreciate it. Thanks.