Simple animation not working

I created a very simple on page load animation. But as you can see in this video it works in the builder but not in preview and when published.

https://jam.dev/c/d1bb5ed2-b4b4-43d6-a868-784311b91dfa

See the page here:

Not part of the team, but my best guess is because you’ve selected ‘synchronous’ in the interaction, it’s waiting for everything to load before running and there’s something triggering before it causing that flash of all cards being fully visible.

I’d try, 1. Asynchronous as the setting. 2. Manually changing the start state to be 0% opacity

Problem is that this is CMS, its a bug on our side… so initial state doesnt work correctly. Initial state gets triggered before CMS is loaded, so it doesnt apply “opacity:0” as a starting point to elements, because it doesnt see elements, elements are loaded late due to cms load time.

We will work on a solution, thanks for reporting this bug

2 Likes

Thanks, any timeline?

Still no fix for this?

Hate to ask. But any updates? Or should I just not use animations?