//variable declaration for the global repeated animations const gear = $("#gear1, #gear2, #gear3"); ... //animation that's repeated for all of the sections function revolve() { let tl = new TimelineMax(); tl.add("begin"); tl.to(gear, 4, { transformOrigin: "50% 50%", rotation: 360, ease: Linear.easeNone }, "begin"); ... return tl; } const repeat = new TimelineMax({repeat:-1}); repeat.add(revolve())
![SVG can do THAT?!](https://cdn-ak-scissors.b.st-hatena.com/image/square/faa52d9c017416d309b74e6f4ddb2bbe8a8fc9cc/height=288;version=1;width=512/https%3A%2F%2Fmedia.slid.es%2Fthumbnails%2Fcff6dcef98b71a676eb9d5e4d2198773%2Fthumb.jpg%3F373511886)