title: Javascript - Change all animation-play-state on page load
body: <p>I have a </p>
  
  <pre><code>* {
    animation-play-state: paused;
  }
  </code></pre>
  
  <p>in my global CSS, it controls ALL animations on the page. How can I make it so it changes to "running" once all elements have loaded in? It functions like a loading screen basically, but it runs before the page has finished loading.  </p>