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
- Getting started
- What's so special about GSAP?
- Documentation: Version 2 | Version 3
- Showcase (examples)
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()
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 accountSign in
Already have an account? Sign in here.
Sign In Now