CSS bietet nur wenige Events, die eine Animation auslösen und kann Animationen nur begrenzt neu starten. Erst Javascript fügt komplexe Animationen zusammen und kann CSS Keyframes Animationen neu starten starten oder die Animation auslösen, wenn die Animation in den Viewport kommt.

• (Pure JS) https://www.mediaevent.de/javascript/css-animation.html

• https://codepen.io/Orb89/pen/zvOEWM
  
  Zuweisung der Animation über JQuery:
  $('.dotcontainer').css({
'animation-name':'xAxis'
});
  (Die Animation mit dem Namen xAxis ist in CSS definiert)