如何在颤动中连续改变背景

<div id="background"></div>

#background {
  width: 100%;
  height: 100vh;
  background-image: url('your-background-image.jpg');
  animation: shake 1s infinite;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

var background = document.getElementById('background');

background.addEventListener('mousemove', function() {
  background.classList.add('shake');
});

background.addEventListener('mouseout', function() {
  background.classList.remove('shake');
});