Jump to content

| GreenSock

Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details.

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 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()

Get an all-access pass to premium plugins, offers, and more!

Join the Club

User Feedback

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.