播放和暂停颤动动画

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-10px); }
  50% { transform: translateX(10px); }
  75% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

.element {
  animation: shake 1s infinite;
}

<div class="element"></div>
<button onclick="toggleAnimation()">Toggle Animation</button>

<script>
  function toggleAnimation() {
    var element = document.querySelector('.element');
    element.classList.toggle('play');
  }
</script>

<style>
  .element {
    animation: shake 1s infinite;
  }

  .element.play {
    animation-play-state: paused;
  }
</style>