mechaniac Posted January 14, 2020 Share Posted January 14, 2020 please take a look at the hand in firefox. its all jittery and there are even white pixels popping in chrome it looks way better. and its really quite smooth in edge. is there anything I can do about this? (u can also see the animation embedded in my webpage (at: stan.at under HTML5 in the menu (sorry, for no direct link)) See the Pen LYEBVWw by mechaniac (@mechaniac) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 14, 2020 Share Posted January 14, 2020 Hey mechaniac and welcome. I'm not seeing any jittery or white pixels in Firefox on Catalina. What OS are you on? Side note: your animation is pretty non-performant because you're animating clip paths, gradients, and partially opaque elements. GSAP is likely not the cause of any jitter but we'll try to hep you solve it if we can. 1 Link to comment Share on other sites More sharing options...
mechaniac Posted January 14, 2020 Author Share Posted January 14, 2020 Hello Zach, Thank you for your reply! I am on Windows on an asus laptop. I had it now checked on a Windows PC in Firefox and it looks fine. So the problem is isolated to my laptop, which seems weird as well. But its good news after all I guess. Thank you for your time! Link to comment Share on other sites More sharing options...
mechaniac Posted January 14, 2020 Author Share Posted January 14, 2020 on your performance side note: is there anything you can point me to, to improve it? i.e use groups instead of clip paths? Clip paths just seem so practical. And its the way I'm used to building vector art, because I need to define the outline only once. Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 14, 2020 Share Posted January 14, 2020 41 minutes ago, mechaniac said: the problem is isolated to my laptop, which seems weird as well It likely has to do with the specifications of your computer. Other lower end devices might have the same issues. 15 minutes ago, mechaniac said: is there anything you can point me to, to improve it? i.e use groups instead of clip paths? Clip paths just seem so practical. Yes, the less clip paths, gradients, filters, and partially opaque elements the more performant it will be. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now