Jump to content
GreenSock

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

| GreenSock
1512656

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.

Edited by GreenSock

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

Join the Club

Have you exercised your animation superpowers today? Go make us proud and tell us about it.

- Team GreenSock


User Feedback

Recommended Comments

There are no comments to display.



Join the conversation

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

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×