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

continous-horizontal-animation-7.vue

<style scoped>

.grid-animation:hover,
.grid-animation-reverse:hover {
  animation-play-state: paused;
}

.elements:hover {
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2) !important;
  transform: scale(0.97);
}

</style>