logo
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

Web Animations Full Course | Build a GTA VI Website & Master GSAP

$599

Buy the Course Only
  • Lifetime access to this course

  • Build advanced web app

  • Certificate of completion included

  • Great for focused learners who just want this course

  • gsap
    javascript
    nextjs
    react native
    threejs

    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