Search the Community
Showing results for tags 'animation timing'.
I am creating website in Astro framework in which some content is coming from Contentful CMS. I am using GSAP in it and apply animation to almost whole website. But I am coming across one issue several times that, animation triggered way previously than defined measurements. Before even coming in the view-port the animation start and end. Then after refreshing the page two three times, it get correct, but again when come to same page again, issue happens. I read some solutions on same and apply like, settimeout and refreshPriority:1 to scrolltrigger, but nothing works. I dont have codepen example, because the issue is not coming everytime, but only when several scrolltriggers is use. Please help.
I've been trying multiple different ways of setting up the animation sequence but something is off with the duration and delay on the tween. Please let me know what I've done wrong. I'm trying to have a series of sections scroll in with a pinned child div for the text content and then have few divs animate in once the section is inView. But the autoAlpha and easing of the divs go by too quickly to be seen. Even when I set the delay and duration to 1000. It's easiest to see the whole sequence on my test page: flm.pushdesign.net I'm at a loss... I need your help. I'd be grateful for any suggestions. Cheers, Shannon