title: Pausing animation on the web
body: <p>I recently watched <a href="https://www.youtube.com/watch?time_continue=2&amp;v=09V_JAGTs2E&amp;feature=emb_logo" rel="nofollow noreferrer">https://www.youtube.com/watch?time_continue=2&amp;v=09V_JAGTs2E&amp;feature=emb_logo</a>
  Which really inspired me about animation. But it is many steps to essentially get
  <a href="https://developer.mozilla.org/en-US/docs/Web/API/Animation/pause" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Animation/pause</a>
  So my question is how prevalent is Animation.pause? When can it be expected in spec? Are there alternatives? I noticed on stack overflow there were solutions for pausing css animations, but they essentially started the animation over when they were finished. So yes it paused the animation, but on restart it still had the 5 second animation restarted, when you paused at say 2 seconds. So the remainder ended up being a 7 second animation. Not really a pause, but a restart.</p>