Safari首次访问页面加载动画不启动问题求助

• 问题表现：仅在Safari浏览器中，首次打开主页时，.slideUp类的加载动画无法启动；但跳转到其他页面再返回主页后，动画可正常运行
• 环境验证：测试使用Safari 17.6（19618.3.11.11.5），通过BrowserStack验证所有iOS、macOS、iPad设备的对应Safari版本均存在该问题
• 排除点：Chrome浏览器首次访问时动画完全正常，且跳转返回后动画能正常播放，说明动画属性本身无问题

使用的动画CSS代码如下：

.slideUp {
  animation: slide-up 20s alternate linear infinite;
  -webkit-animation: slide-up 20s alternate linear infinite;
}

@keyframes slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}

已查阅过相关社区及开源项目的问题线程，但均未解决该问题。

内容的提问来源于stack exchange，提问作者Dibyendu Biswas