SVG Animation Frames

[michaelsboost]

Question: How would you generate a GSAP animation as an image sequence that uses repeat and yoyo where it also generates the image sequence of the animation going backwards before it replays the animation again? (aka: not re-appending the images composed of the overall animation)

 

See CodePen demo for an example I found years ago: 

See the Pen JKEjLb?editors=0010 by osublake (@osublake) on CodePen

[OSUblake]

You would use totalDuration instead of duration. I only added yoyo and repeat to that demo so people could see it play again because it was so short.