IX3 Page Load flashes and then fires animation

Design help Animations & Interactions
1

Hi,

the new GSAP animations on Page load have the FOUC Gsap Bug which makes them kinda useless.

I even set my Pageload wrapper in the inital state to display flex and too alpha 100%, so I dont know why GSAP first hides the element and then fires the animation

image
image2284×612 32.3 KB

Do you have a fix for that/ considered that GSAP Docu in the implementation of this update?

Thanks a lot!!

Here is my public share link: https://dda-consulting-site.webflow.io/
(how to access public share link)

2

Hi there,

I’d be happy to help you troubleshoot the FOUC issue with GSAP animations. Based on your use case, it seems like you’re experiencing this issue because the initial state of the wrapper element is set to display: none. To fix this, try setting the wrapper element’s display property to ‘block’ or another visible value, rather than ‘flex’ or ‘none’, to ensure it’s visible before the animation starts. This should resolve the FOUC issue.