Why can't I animate something to 0 and then reanimate it?

[barrowman 5 Likes (Newbie)]

This is driving me mad, I have a simple Timeline, that works pretty well, except for some reason after I fade a MC out, I want to fade it back in later in animation/timeline and it just won't animate, instead it just appears/jumps back straight to 100%. I'm lost on why it wont or how to fix it. (or what even to search for in terms of reanimating the same thing later in the TL/

 

var til = new TimelineLite();
//
til.to(this.WB01, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, 1.5)
.to(this.Logo, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, 2)
.to(this.WB02, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, 2)
.to(this.WB03, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, 2.8)
.from(this.Logo_Final, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, 6)
.to(this.WB02, 1.00, {alpha:100, ease: Sine.easeInOut, overwrite: false}, 6) // - this is the  line
.from(this.CTA, 1.00, {alpha:0, ease: Sine.easeInOut, overwrite: false}, "-=0.5")

 

Any help or a push in the right direction would be much appreciated.

[Oliver16Years 208 Likes (Specialist)]

Your code seems fine. No tweens overwriting the previous ones. Strange.

What happens when you animate other properties, like size or rotation instead of alpha?
 

[GreenSock 18,567 Likes (Superhero)]

It's probably because you're animating to alpha:100 instead of alpha:1.

[barrowman 5 Likes (Newbie)]

That was it!!! Thanks.