davidsanchezart

This really helped and it works now that I added the loop. I should print this "Common Mistakes" page and hang it next to me. As for the html, I agree, it's messy. I used an svgator to make the background animation but (based on their docs) I have to have the svg inline in order for it to play on load. It's pretty bad and I do plan to rework it with gsap.

Hey Jack, thanks for replying. What I'm trying to do is add the text animation from the first slide (the fade-in and stagger) to repeat on the other slides, each time a new slide enters the viewport. My most recent version uses a timeline with the onEnter callback. I've updated the pen. Still, it seems like the timeline is playing throughout all the slides at the same time instead of individually.

Hi gsap team! My apologies if something like this has already been posted. I'm creating a webpage using the Cover Layered Sections demo. I added an animation that selects the text elements and I want it to repeat and reverse each time there's a new slide. After trying a few different methods I can only get the animation to happen on the first slide. There was some minor success when I used the onEnter and onLeave callbacks but I couldn't get it to work. In that case, the text would stay in view when a new slide popped-in but then abruptly play through the animation. Thoughts? Project page: https://codepen.io/davidsanchezart/project/editor/XrYYKb