是否可以将动画应用于使用纯css动态追加的文本？

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

.text-animation {
  animation: fadeIn 1s ease-in-out;
}

// 使用JavaScript触发动画
const textElement = document.createElement('span');
textElement.textContent = '新添加的文本';
textElement.classList.add('text-animation');
document.body.appendChild(textElement);

// 或者通过添加CSS类触发动画
// const textElement = document.createElement('span');
// textElement.textContent = '新添加的文本';
// textElement.classList.add('text-animation');
// document.body.appendChild(textElement);