Jerky Movement in Firefox

[mrBeardyhead]

BG image moves across the stage poorly, in a stepped fashion, when viewed in Firefox but runs smoothly on other browsers like Safari and Chrome. I'm on a Mac so I'm not sure how it appears on other. 

 

What am I missing in my code?

http://motion.hotternellstudios.com/KICK/ad/

 

[ohem]

Try adding a slight rotation to the tween.  This is a common issue: https://greensock.com/forums/topic/12760-animation-slowjerky-not-smooth-in-firefox/

[PointC]

Hi mrBeardyhead 

 

Welcome to the GreenSock forums.

 

In addition to ohem's suggestion, I noticed that you're using an older version of GSAP (1.18). Please try updating all the scripts to the latest version (1.19.1) and see if that might improve things as well.

//switch this
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>

//to this
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenLite.min.js"></script>

Happy tweening.

[mrBeardyhead]

First I updated to the newer version of TweenLite js., and tested. That did not solve the issue. Then I added the rotation trick and this worked to solve the movement issue. so much smoother now. Thanks all! 

[PointC]

Glad to hear that all is working well for you. Thanks for letting us know. 

 

Happy tweening.