animation not seamlessly repeating

[ahappe01 0 Likes (Newbie)]

I am having an issue getting my animation to seamlessly repeat. It seems like there is a delay between repetitions, rather than smoothly repeating each iteration. 

See the Pen pen by team (@team) on CodePen

[PointC 8,599 Likes (Superhero)]

HI @ahappe01

 

Welcome to the forum.

 

That slight delay is coming from your first tween. You're animating from x:0, but it's already sitting at 0 so it looks like nothing is happening. You'll notice a slight delay before the first iteration starts too - same reason. I think by removing that first tween on the timeline, you'll see the desired outcome. Happy tweening.

[ahappe01 0 Likes (Newbie)]

Hi! Thanks for the advice. However that doesn't appear to be it. I added the "from" in attempt to solve the problem. So I removed it again and the issue is still happening. (feel free to mess with the pen if you would like).

I have also tried to animate x to "-10". I have also noticed that when I apply yoyo, the transition betweened animations is smooth and what I want, only I don't want the yoyo functionality. 

I am new to GSAP and I have tried for hours googling and researching this issue. I don't know if I am using the correct verbage to describe what is going wrong. 

[PointC 8,599 Likes (Superhero)]

O.k. - now what you're seeing is the easing. Your last tween on the timeline eases out and the first one eases in so it looks like a delay. Try a Linear.easeNone on all the tweens and you'll see that there is no delay. 

 

Happy tweening.

[ahappe01 0 Likes (Newbie)]

Fantastic! Thank you!