Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Animation slow/jerky (not smooth) in firefox

Recommended Posts



can anyone please help me find what is wrong with this animation, it works very well in chrome and IE but very slow and jerky n firefox.




See the Pen EVpxLO by anon (@anon) on CodePen

Link to comment
Share on other sites

Hello jasmeetsehgal, and Welcome to the GreenSock Forum!


You need to add a slight rotation to make it smooth, due to a bug in Firefox. rotation:0.01


See the Pen PPBZXe by jonathan (@jonathan) on CodePen


window.onload = function(){
    var bg = document.getElementById("bgimg");
    TweenMax.to(bg, 3, {x:"-10px",rotation:0.01,yoyo:true,repeat:-1, ease:Linear.easeNone, force3D:true});

Due to Firefox bug - bugzilla #739176  https://bugzilla.mozilla.org/show_bug.cgi?id=739176



  • Like 6
Link to comment
Share on other sites

  • 1 month later...

Hi Jonathan,

would I need to add force3D also if adding rotation as per your recommendation to smooth out animation on Firefox?

Also, would this mean that I would need to add it to all my tweens?



Link to comment
Share on other sites

Hello dada78


No it will work for both 2D and 3D translate. The slight rotation just allows Firefox to translate the element without any jank (lost frames). Due to a Firefox browser bug when translating elements on the x and y axis.


Firefox bugzilla #739176  https://bugzilla.mozilla.org/show_bug.cgi?id=739176



  • Like 3
Link to comment
Share on other sites

  • 2 months later...

@kikemx78 .. When i inspect your code from your link, i do not see my suggestion from above about adding rotation:0.01 on your tweens with a x and y property! :blink:

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.