Jump to content
Search Community

outline flickering in Firefox

mechaniac test
Moderator Tag

Recommended Posts

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

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.

  • Like 1
Link to comment
Share on other sites

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...