Sequencing with GSAP TimelineMax

As part of my Patreon course ( first need to have quite some lessons ready before i open it publicly ) i show a lot of Javascript – Lectora animation related things. As a big fan of GSAP i use it often and will be showing/teaching a lot about this library. On the community here a question popped up about GSAP and TimelineMax, a part of the library with which you can sequence animations in any way you can dream of. Although i have not finished the lessons about that part, sharing the partial setup i have for it here for now. In the final lesson a lot more explanation will be about the Javascript and how to get it working properly.

Preview image



  1. Profile photo of Dora Pooler Ed.M.
    Dora Pooler Ed.M.

    Ah ha! I see what you’ve done. I was trying to simply plug the GSAP code into the button itself. It worked for using the TweenMax but not for the TimelineMax. Thanks for you help!

  2. Profile photo of kelsey rodgers
    kelsey rodgers

    I have tried to use GSAP TweenMax and lite, and it works great in preview mode, but in our LMS (Cornerstone) the javascript fails and no animations are visible. Have you every had problems with it working in an LMS environment? Thanks. Kelsey

  3. Profile photo of Math Notermans
    Math Notermans Post author

    Yes, Cornerstone has a setting that forces a browser to IE8 ( or even lower ) compatibility mode. In that mode a lot of the newer techniques do not work. You can however select that option in Cornerstone to use IE10 or higher mode for the courses. Then everything should work.

Your email address will not be published. Required fields are marked *