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

|

|

37628

0

|

10

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

“ 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

“ Honestly think without TweenMax, I'd of changed careers by now; it's that good. ”

James Stone, @mimeartist

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

Paul Lewis, ‏@aerotwist

“ 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

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

Ben Rugg

“ No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s ”

Robert Anthony

“ GSAP was a revelation for me to be compared with the introduction of jQuery ”

Jan Paepke, @janpaepke

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

Tim Jaramillo

“ I am more and more amazed every day, and very glad that I decided to get a business license. ”

LilaQ

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: 1.20.4 updated 2018-02-15

Download zip
github

CDN Link

Copy/paste this code into your HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.4/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