Hello ?
I have the following GSAP timeline (animating on scroll with scrollTrigger) in the following order:
Text element #1 animation
Image sequence animation
Text element #2 animation
The problem:
I'm trying to freeze the image sequence on the last image so that it remains visible whilst text element #2 animates.
Approach:
I have tried the following approach to freeze the image sequence on the last frame but there's a slight delay (visible flash out and back into the last frame):
.to(airpods, {
duration: 60,
frame: 208,
snap: "frame",
ease: "none",
onUpdate: render,
}, "start0")
.to(airpods, {
frame: frameCount - 1,
snap: "frame",
ease: "none",
duration: 10,
onUpdate: render,
})
Any recommendations on how I can achieve this?
Thanks in advanced!