Hi I have a problem with reverse animation after finishing.
I get this animation from examples.
Ex. i want to play animation in Timeline and onComplete i want to play the same animation in reverse.
const timeline = gsap.timeline({
paused: true,
scrollTrigger: {
trigger: 'section',
start: '0px',
end: '+=200%',
pin:true,
scrub: true
}
})
const t1 = gsap.timeline({ repeat:0, repeatDelay:0})
.to('.logo',1,{y:-100+'%'})
timeline
.add('SECTION_0')
.add(t1)
.addPause()
.add('SECTION_1')
.to('.m', {duration:(i)=>[0.8,1.3][i], y:-10266, ease:'steps(29)', stagger:-0.3}, 0) // THIS ANIMATION
.to('.box', {duration:2, scale:1.1, transformOrigin:'50% 50%', ease:'power2'}, 0) // THIS ANIMATION
.addPause()
.add('SECTION_2')
//THEN I WANT TO REVERSE ANIMATION THERE
.to('.mainimg-wrapper',1,{x:100+'%'},'SECTION_2')
.addPause()