Hi,
I’m using USAL in an Astro project and I’m running into a flashing issue with above-the-fold elements.
For my hero section, I’m using classes like:
fade-u-0 delay-100
On page load, the content briefly appears in its final state, then the animation runs. This causes a visible flash before the animation starts.
It looks like the elements are rendered normally before USAL applies its animation styles.
Is there a recommended way to prevent/fix this?
This seems especially noticeable in Astro since the HTML is already rendered on load.
Any guidance or best practice for hero / above-the-fold animations would be appreciated.
Thanks.
Hi,
I’m using USAL in an Astro project and I’m running into a flashing issue with above-the-fold elements.
For my hero section, I’m using classes like:
fade-u-0 delay-100
On page load, the content briefly appears in its final state, then the animation runs. This causes a visible flash before the animation starts.
It looks like the elements are rendered normally before USAL applies its animation styles.
Is there a recommended way to prevent/fix this?
This seems especially noticeable in Astro since the HTML is already rendered on load.
Any guidance or best practice for hero / above-the-fold animations would be appreciated.
Thanks.