Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

| GreenSock
1598339

Note: TweenMax has been deprecated in GSAP 3 in favor of the streamlined gsap object. It has 50+ new features and is almost <strong>half the size!</strong> GSAP 3 is backward compatible with the vast majority of GSAP 2 features including TweenMax. Please see the Migration Guide for details.

TweenMax lets you animate literally any property of any object that JavaScript can touch (CSS, SVG, React, Vue, Three.js, canvas, motion paths, generic objects, etc.). Before the release of GSAP 3, TweenMax was the most feature-packed (and popular) animation tool in the GSAP arsenal. However in GSAP 3, you no longer even need to reference TweenMax in your code (although you can because GSAP 3 honors the vast majority of legacy code). We strongly recommend migrating to GSAP 3's streamlined syntax. 

Quick links

For convenience and loading efficiency, TweenMax version 2 and earlier included TweenLite, TimelineLite, TimelineMax, CSSPlugin, AttrPlugin, RoundPropsPlugin, BezierPlugin, and EasePack (all in one file). Every bit of that functionality (plus a lot more) is in the GSAP 3 core which is almost half the size.

Staggered animations

GSAP makes it easy to create staggered animations on multiple objects. The animations can overlap, run in direct sequence or have gaps between their start times. The old TweenMax stagger methods (from version 1 and 2): TweenMax.staggerTo(), TweenMax.staggerFrom() and TweenMax.staggerFromTo() aren't even necessary in GSAP 3 because a "stagger" special property can be added to ANY tween, like in the demo below:

Additional Methods (only relevant for version 1 and 2)

TweenMax inherits methods from TweenLite and it also has quite a few of its own.

  • TweenLite and TweenMax Methods
  • delay()
  • delayedCall()
  • duration()
  • eventCallback
  • from()
  • fromTo()
  • getTweensOf()
  • invalidate()
  • isActive()
  • kill()
  • killDelayedCallsTo()
  • killTweensOf()
  • pause()
  • paused()
  • play()
  • progress()
  • restart()
  • resume()
  • reverse()
  • reversed()
  • seek()
  • set()
  • startTime()
  • time()
  • timeScale()
  • to()
  • totalDuration()
  • totalProgress()
  • totalTime()
  • Methods exclusive to TweenMax
  • getAllTweens()
  • isTweening()
  • killAll()
  • killChildTweensOf()
  • pauseAll()
  • repeat()
  • repeatDelay()
  • resumeAll()
  • staggerFrom()
  • staggerFromTo()
  • staggerTo()
  • updateTo()
  • yoyo()
Learn more in the TweenMax version 2 documentation.

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

Join the Club

We love seeing what you build with GSAP. Don't forget to let us know when you launch something cool.

- Team GreenSock


User Feedback

Recommended Comments

There are no comments to display.



Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×