Loop Animation Latency

Hi guys!

I’ve created an animation loop that changes text in a hero section on my homepage that’s triggered on page load.

The animation is choppy for the initial loop, and then becomes seamless after the first loop. Can someone help me understand why this is happening? Since all loops after the first one look perfect, I’m pretty confused about what’s going on.


Here is my public share link: LINK
(how to access public share link)

Your read only link doesn’t work :slight_smile:

And here I was asking myself why wouldn’t anyone reply to my thread :sweat_smile:

https://preview.webflow.com/preview/prettyhealthynyc?utm_medium=preview_link&utm_source=designer&utm_content=prettyhealthynyc&preview=b5907da0de1f72530ec1d27a17ef0d33&mode=preview

This should work!

Make sure to set up an initial state for the first hero text element that should appear to have an opacity 0. Then it will be smooth