仅在页面加载完成后才启动 CSS 动画

Answer 1

将动画声明移至单独的规则中：

.svg-one.animate svg {
    animation: fade-in-left-to-right 2.5s linear forwards;
    animation-delay: 1.2s;
}

然后在文档完全加载时添加

animate

类：

addEventListener('load', evt => {
  document.querySelector('.svg-one').classList.add('animate')
})