[autoAlpha]

Don't worry Dipscom, it happens to the best of us. FWIW your answer wasn't wrong.

 

the1the,

 

I think it would help if you described what the code is supposed to do. 

 

To expand on Dipscom's answer: 

if you are tweening an element from autoAlpha:0 it will animate it from 0 to 1.  If you then create another tween that tweens from autoAlpha:1 nothing will happen because autoAlpha is already 1 (from the previous tween).

 

And like Jonathan mentioned, when doing 2 from() tweens on the same properties of the same object you have to be careful with immediateRender.

 

I'm taking a guess, but is this the end result you are looking for?

 

See the Pen xZJOPw?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Thanks a lot Carl!

However its a bit confusing for me that autoAlpha acts this way.

[autoAlpha]

Hello,

 

thanks for your reply.

tl.from(typo1, 2, { autoAlpha:0});
tl.from(typo1, 2, {autoAlpha:1}, "+=1");
tl.from(typo2, 2, { autoAlpha:0, immediateRender: false});
tl.from(typo2, 2, {autoAlpha:1,  immediateRender: false});
tl.from(typo3, 2, { autoAlpha:0, immediateRender: false});
tl.from(typo3, 2, {autoAlpha:1,  immediateRender: false});

I tried this, but its stopping at the second element and not fading out.
I've worked several times with GreenSock and never ran into this kind of problem.....I'm getting old.

[autoAlpha]

Hello,

 

why is the second element viewable from the start?

It has a css visibility:hidden ? Seems like autoAlpha is breaking the chain?

 

 

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