The following animated perfectly. All is well. But when I go to REVERSE() the timeline, the ball fades out, but never back in, and continues back to original starting spot at opacity = 0.
Why is this?
Thanks
-Thomas
function fadeIn(obj){
var tl = new TimelineMax();
tl.append(TweenMax.to(obj, duration, {css:{opacity:1}, ease:Linear.easeNone}));
return tl;
}
function fadeOut(obj){
var tl = new TimelineMax();
tl.append(TweenMax.to(obj, duration, {css:{opacity:0}, ease:Linear.easeNone}));
return tl;
}
var ball = document.getElementById('ball2');
var tl = new TimelineMax({});
tl.append(TweenLite.from(ball, 12, {css:{marginLeft:900},delay:1}));
tl.append(fadeOut(ball));
tl.append(fadeIn(ball));