Get GSAP

Version: 1.14.2 updated 2014-10-29

Core

    Extras

      Plugins

        By using GreenSock code, you agree to the terms of use.

        TimelineMax

        TimelineMax extends TimelineLite, offering exactly the same functionality plus useful (but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(), getActive() (and probably more in the future). It is the ultimate sequencing tool that acts like a container for tweens and other timelines, making it simple to control them as a whole and precisely manage their timing.

        Its easy to make complex sequences repeat with TimelineMax and there are plenty of methods and events that give you complete access to all aspects of your animation as shown in the demo below.

        See the Pen Burger Boy Finished / TimelineMax page by GreenSock (@GreenSock) on CodePen.

        Interesting note: The animation in the banner above is a mere 11 lines of TimelineMax code.

        The next demo illustrates many of the things TimelineLite and TimelineMax handle with ease, such as the ability to:

        • insert multiple tweens with overlapping start times into a timeline
        • create randomized bezier tweens
        • control the entire set of tweens with a basic UI slider
        • repeat the animation any number of times
        • dynamically adjust the speed at runtime. Notice how the play / pause buttons smoothly accelerate and deccelerate?

        See the Pen Burger Boy Finished / TimelineMax page by GreenSock (@GreenSock) on CodePen

        *Warning: Do not attempt to create the animation above with CSS3 Animations or any other JavaScript library.

        Be sure to check out TimelineLite for more info on all the capabilities TimelineMax inherits. The chart below gives a birds-eye look at the methods these tools provide.

        • TimelineLite and TimelineMax Methods
        • add()
        • addLabel()
        • addPause()
        • call()
        • clear()
        • delay()
        • duration()
        • eventCallback
        • exportRoot()
        • from()
        • fromTo()
        • getChildren()
        • getLabelTime()
        • getTweensOf()
        • invalidate()
        • isActive()
        • kill()
        • pause()
        • paused()
        • play()
        • progress()
        • remove()
        • removeLabel()
        • render()
        • restart()
        • resume()
        • reverse()
        • reversed()
        • seek()
        • set()
        • shiftChildren()
        • staggerFrom()
        • staggerFromTo()
        • staggerTo()
        • startTime()
        • time()
        • timeScale()
        • to()
        • totalDuration()
        • totalProgress()
        • totalTime()
        • useFrames()
        • Methods exclusive to TimelineMax
        • currentLabel()
        • getActive()
        • getLabelAfter()
        • getLabelBefore()
        • getlLabelsArray()
        • repeat()
        • repeatDelay()
        • tweenFromTo()
        • tweenTo()
        • yoyo()