Hey Guys
I need your help with Timeline reverse animation.
I'm using that code (below) for Timeline Animation ,
let dotTL = gsap.timeline({repeat: 0});
function dotFnc()
{
gsap.set("#topNavBar", {visibility:"visible"}, 1);
dotTL.timeScale(1);
dotTL.to("#topDot", .5, { scale:1, ease: "back.out(1.7)", delay:1.1});
dotTL.to("#selected_circleStroke", .5, { alpha:1, y:-46, scale: .75, ease: "power2.Out", delay:0}, 0);
dotTL.to("#topLine", .5, { scale:1, alpha:1, ease: "power2.Out", delay:0}, -0.2);
dotTL.to("#topNavBar", .5, {alpha:1, ease: "power2.Out", delay:0.3}, 1);
dotTL.to("#logo_TopNavBar", .75, { y:"+=10", alpha:1, ease: "sine.Out", delay:0.3}, 0.5);
dotTL.to("#backBtn", .75, { y:"-=5", alpha:1, ease: "sine.Out", delay:1}, 0.5);
productFnc();
}
Then, I'm using that code (below) for reverse Animation,
dotTL.timeScale(5).reverse();
when I re-start the animation a second time, animation not work very well (attached the screen record)
Could you help me with this
Many Thanks
Baris
timeline.mp4