Importing Timeline/TweenLite, but it's not working

[Lasercode]

Hey there,

I am pretty sure, someone asked this before and it's explained somewhere. I just don't find it.

In the provided codepen, please check the JS imports. It's only TweenLite.
Why doesn't it work like this?

I tried importing TimelineMax only, too, then added a

var tl = new TimelineMax();

Nope...

How can I make good use of the smaller libs?

Thanks guys,
Laser

See the Pen meQKxw by anon (@anon) on CodePen

[padders]

I think you need to add the CSSPlugin as well if you just want to use TweenLite. Add the line below as an external javascript resource. It works for me when I do that.

https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js

I'm not sure about the EasePack, you may need that too if you want to use eases.

https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js 

[Lasercode]

Hey. Ok, that works. But what about the TimelineMax version? I still can't get it to run without importing TweenMax. Any clues?

See the Pen RWqBOE by anon (@anon) on CodePen

 -> console error

[padders]

I think you'll need to add the following resources.

https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js

https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js

If you look at the download link on the GSAP homepage, then select custom and tick the TimeLineMax checkbox, it selects the items you need to import and lists the imports at the top.

[Diaco]

Hi Lasercode 

 

yep , as padders mentioned correctly , you need to load at least TweenLite + CssPlugin to animate DOM elements .

you can tween any obj property with TweenLite , so it's absolutely possible to animating DOM css properties just with TweenLite but you should to define css prefixes for all browsers + consider browser bugs like Firefox(specially with svg) and stupid IE +...

 

i don't think that's really worth to do !...

 

do you really have problem with GSAP file size !?

 

TweenLite (9kb)

css (15kb)

TimelineMax (6kb)

[Lasercode]

I had some problems with the file you did not mention (TweenMax) and did not know how to get those other smaller libs to work. Now I do. Question solved. Thank you all.