如何避免CSS动画延迟从DOM中移除元素？

.element {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.element {
  opacity: 1;
  transition: opacity 1s;
}

.element.hide {
  opacity: 0;
}

.element.hide.hidden {
  display: none;
}

const element = document.querySelector('.element');

element.addEventListener('animationend', () => {
  element.remove();
});