TimelineMax in relation to CSSPlugin

[Thomas James Thorstensson]

Hi

 

I revisited an old html project of mine where I am using TimelineMax and CSSPlugin.

 

Am I right in saying that I no longer need to rely on CSSPlugin with TimelineMax since for example with TweenMax we can now animate css properties directly?

 

If I no longer need CSSPlugin, is there a away from TimelinMax to do the old trick:

 

CSSPlugin.defaultForce3D = true;

 

Thanks in advance, Thomas

[Jonathan]

Hi @Snoop

 

Keep in mind that with GSAP the CSSPlugin is what animates CSS properties within TweenMax. TweenMax includes the CSSPlugin and other GSAP plugins.

 

But say you weren't going to use TweenMax, but TweenLite, TimelineLite or TimelineMax. Then you would need the CSSPlugin as a separate script since the CSSPlugin is what GSAP uses to animate CSS properties.

 

TweenMax: https://greensock.com/docs/TweenMax

• Includes all of the following : TweenLite, TweenMax, TimelineLite, TimelineMax, CSSPlugin, EasePack, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin

TimelineMax: https://greensock.com/docs/TimelineMax

• Includes the following : TimelineLite, TweenLite, and EasePack. It does not include the CSSPlugin.

So if you use TweenMax in your project then it will already have the CSSPlugin included, you don't have to include it separately.

 

Hope this helps, Happy Tweening

[Thomas James Thorstensson]

Thanks Jonathan,

 

Great work on this library. 

 

That explains it, and I now feel a bit more confident as I drink my Espresso. Soon I will take my Greensock skills and move from London to Barcelona this autumn, where I will tell people to use Greensock of course

 

Cordialmente

 

Thomas