Jump to content


TweenMax vs TweenLite

Moderator Tag
Go to solution Solved by GreenSock,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I tried use TweenLite in this pen:

and nothing happens!


I would like to use TweenLite, but I don't know which feature is missing for it works!!


TweenMax is very heavy for it!


This is my current code! It is using TweenMax and it's working.

TweenMax.fromTo(circle, duration, {
scale: 0,
opacity: 1,
transformOrigin: '50% 50%'
}, {
scale: 10,
opacity: 0

See the Pen QjQbwp?editors=001 by lagden (@lagden) on CodePen

Link to comment
Share on other sites

  • Solution

Also remember that if you're trying to animate CSS-related properties of DOM elements, you need to load CSSPlugin along with TweenLite. The reason it works when you use TweenMax is because TweenMax actually has CSSPlugin inside of it. Literally. :)

  • Like 1
Link to comment
Share on other sites

Pen is updated!! TweenLite + CSSPlugin! Yeahh!! :)


@OSUblake: It's not necessery if you are using the latest version of Chrome or FireFox


Thanks everyone!!

Link to comment
Share on other sites

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
  • Recently Browsing   0 members

    • No registered users viewing this page.