在保留缩放动画的同时应用抖动动画

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

.element {
  animation: shake 1s infinite;
}

function shakeElement(element) {
  var interval = 10; // 抖动间隔时间
  var distance = 10; // 抖动距离
  var times = 4; // 抖动次数

  element.style.position = 'relative';
  var originalLeft = parseInt(element.style.left);

  for (var i = 0; i < times; i++) {
    setTimeout(function() {
      element.style.left = (originalLeft - distance) + 'px';
    }, interval * i);

    setTimeout(function() {
      element.style.left = (originalLeft + distance) + 'px';
    }, interval * i + interval / 2);
  }

  setTimeout(function() {
    element.style.left = originalLeft + 'px';
  }, interval * times);
}

var element = document.getElementById('element');
shakeElement(element);