Recent Blog Posts

Sort By:

Popular

New

QuickTip: Basic play / pause toggle button

Learn how to make a simple play / pause toggle button to control any GSAP animation (tweens or timelines). Same concepts apply to toggling the reversed() state of an animation too.

October 15, 2014

|

|

40337

0

|

10

animation control HTML5 GSAP (HTML5/JS)TimelineLite (HTML5/JS)TimelineMax (HTML5/JS)pause play reverse toggle

“ Aside from GreenSock’s laser-focused attention to detail, GSAP is fast, reliable, flexible, exceptional value (read: free in most cases) and, very importantly, supported. ”

Chris Gannon

“ GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try. ”

Vic C., @puppetMaster3

“ This stuff is so incredibly amazing I can't believe it. The level of details and options put into these things and the natural instinct GreenSock has for solving everyday problems is impressive. ”

Jens Ahrengot Boddum

“ With the incredible functionality, and the mind-blowing customer service, the price of Club GreenSock admission is well worth it! ”

Tim Jaramillo

“ Performance has been of paramount importance for GreenSock, so there is always peace of mind for us, developers. ”

Tahir Ahmed

“ @greensock it’s a great library that many people love, and I know you care deeply about performance :) ”

Paul Lewis, ‏@aerotwist

“ GreenSock is the best thing that happened to SVG animations since SVG animations. ”

Sara Soueidan

“ It's shocking the @w3c didn't use @greensock as a model of how to do animation via code. Did they even ask animators what they use? ”

Elliot Geno, @ElliotGeno

“ The GreenSock animation platform is one of the most useful sets of tools in existence when it comes to web animation. ”

Ben Rugg

Thanks for signing up!

Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.

Other ways to stay in touch:

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

Get GSAP

Version: 2.0.2 updated 2018-08-27

Download zip
github

CDN Link

Copy/paste this code into your HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>

Robust
Lightweight
Customize
Version:

Core

Extras

Plugins

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

Help support GreenSock by becoming a member

Join Club GreenSock