Lifetime access to this course
Controlling the Timeline – play, pause, reverse, restart
So far, you’ve learned how to create animations that run automatically when your page loads. But what if you want to be in the director’s chair - calling the shots? Play, pause, reverse, or even restart your animation whenever you want? Sample image In this lesson, I’m going to show you exactly how to do that with GSAP’s powerful timeline controls. ## Controlling Your Animation Timeline
The rest of this lesson is waiting.
Join JS Mastery Pro to unlock it.

Web Animations Full Course | Build a GTA VI Website & Master GSAP
$599
Buy the Course OnlyBuild advanced web app
Certificate of completion included
Great for focused learners who just want this course





Get Full Access
$149 /month
Lock in a year & save—2 months free!
Access to all courses
Quizzes, mini-challenges, AI summaries, inline sandboxes
Participation in a private community
Build real production-grade apps
Mock interviews & project reviews
Weekly live sessions & member-only access