Leaderboard

@Carl @PointC Thank you both for the advice, I'll take a closer look at the pen you posted, I was considering an each loop so that sounds like it might be the right path. PointC, good points on what happens to each when the others are being interacted with or when someone clicks elsewhere on the page. All good things to consider. I'll let you know how it goes. -Sam

If you want to animate anything CSS-related, you need to load CSSPlugin. Or just load TweenMax which has all the common tools and plugins (both TweenLite and CSSPlugin are in there). CSSPlugin: https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.4/plugins/CSSPlugin.min.js TweenMax: https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.4/TweenMax.min.js Oh, and you don't have to use that querySelector() stuff - GSAP has it built in. So you can simply do this: TweenLite.from("#myDiv", 1, {left:-200, rotation:-90, scale:0, delay:1.5}); Does that help?

TIL you can animate innerHTML. Makes sense, just never thought about it. Here's that in a partial function. Passing in a negative number rounds to whole numbers.