awazigh
Community Answers
-
awazigh's post in scrollTrigger: progress bar become full and empty in different duration was marked as the answer
Hey Mo!
Something like this?
const tlBar = gsap.timeline({paused: true}) tlBar.from('.two span',{ scaleX:0, transformOrigin: "left center", }) ScrollTrigger.create({ trigger:'.two', start:'center center', markers:true, onEnter: () => { tlBar.play().duration(15) }, onLeaveBack: () => { tlBar.reverse().duration(5) } });