多行文字组件颤动

@keyframes shake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-5px) rotate(-1deg); }
  20% { transform: translateX(5px) rotate(1deg); }
  30% { transform: translateX(-5px) rotate(-1deg); }
  40% { transform: translateX(5px) rotate(1deg); }
  50% { transform: translateX(-5px) rotate(-1deg); }
  60% { transform: translateX(5px) rotate(1deg); }
  70% { transform: translateX(-5px) rotate(-1deg); }
  80% { transform: translateX(5px) rotate(1deg); }
  90% { transform: translateX(-5px) rotate(-1deg); }
  100% { transform: translateX(0); }
}

.shake-text {
  animation: shake 0.5s infinite;
}

function shakeText(element) {
  const text = element.innerHTML;
  let shakenText = '';

  for (let i = 0; i < text.length; i++) {
    shakenText += '<span class="shake-letter">' + text[i] + '</span>';
  }

  element.innerHTML = shakenText;
}

const textElement = document.getElementById('text');
shakeText(textElement);