Animation after elements are displayed in the browser.
I have a gatsby project where I used TimelineLite.staggerTo animation
When I run my project in development mode everything works normal.
But when I build my project and open it in the browser elements are being animated after they're displayed.
Here's in the first video how animation behaving itself in production mode:
The second video is taken from development mode.
production_raisense.webm
development_raisense.webm
Source code one of my compo
Hey Azizbek,
It's a loading problem, not really a GSAP problem or a React problem In your local environment, everything is being loaded from your PC so it loads super fast. When it's online, it has a longer load time so there's time for the elements to show before JS kicks in (when the page is done loading). Thus there is a flash of unstyled content before the animations kick in.
We're actually going to post a quick tip video/mini article about this in the next few day
