https://blog.canopas.com/animations-with-css-and-vue-transitions-fdb53dbb21e7 - continous-horizontal-animation-5

continous-horizontal-animation-5.vue

<style scoped>

//animation in reverse
@keyframes scroll-reverse {
  0% {
    transform: translate(-1760px);
  }
  100% {
    transform: translate(0px);
  }
}

.grid-animation-reverse {
  animation: scroll-reverse 5s linear infinite;
  animation-play-state: paused;
}

.grid-animation-reverse-running {
  animation-play-state: running;
}
</style>