I have some interactions directly in the hero sections of multiple pages, which start on page load. My problem is that all of them start too late. The page loads and only after a second or so after it finished loading, the animation starts (instead of directly after page load or even better as it says in the trigger name “While page is loading” (which it doesn’t do at all)). All of my animations start with a “Set as initial state” and then without a delay they all do something, so I don’t think it has something to do with the animations themselves.
As I can’t attach a screenshot of one of the animations due to copyright policies of my company, I’ll just explain one of the interactions as an example:
While page is loading → Start an animation:
[Set as initial value] Move X: 0%
[0.00s, 0 delay and 1s duration] Move X: 50%
This still does not start while page is loading or at least directly after page load, but as mentioned about a second after page is fully loaded.
Does anyone have a solution to this?
hellagooddev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.