Thank you Carl! I edited my first CodePen and did it like your example. I made it 6 steps in stead of 7, and edited the backgroundPosition to 4380px (5110 - 730). It works smooth like this. However I want to use percentages to be able to make everything scalable.
Hi there! I am making a png spritesheet animation. I have an animation existing of 7 frames which I want to animate back-and-forth. So: from frame 1 to frame 7 back to frame 1 again and back. Example: 1,2,3,4,5,6,7,6,5,4,3,2,1,2,3 etc. I tried reversing with "yoyo:true" but i cant quite get a seamless experience as you can see from the Codepen. The animation goes back to frame 1 before getting into yoyo. I would love some advice from you. Any advice would be appreciated!