title: Animations trigger before page loads
body: <p>I created a website that uses <a href="https://animate.style/" rel="nofollow noreferrer">animate.css</a> to animate elements. But the problem is that the animations trigger before the page loads. I avoid using the delay property provided by <a href="https://animate.style/" rel="nofollow noreferrer">animate.css</a> as the page may take different loading times to load on different devices. Please suggest something.</p>
  <p>Also, I'm using a pre-loader for the website if that helps.</p>