Safari浏览器在调用新站点时停止css动画

我有一个链接。当我点击它的css动画在一个div块应该出现。 但一旦Safari检测到我想去那个链接，他就会停止动画并给网站打电话

我还添加了一个延迟为2秒的setTimeout（）来证明我的假设

动画运行两秒钟，然后调用链接并停止动画

我在网上找不到关于这类问题的答案。到目前为止，所有其他浏览器都在按照我的意愿工作

我知道gif是一种选择，但我真的想确保我的方法根本不起作用。所以我要求你们确定这不是我在这里缺乏知识：-）

---

有什么办法可以做到这一点吗？

在Safari中，当您使用关键帧时，您需要使用整个百分比：

这将：

@-webkit-keyframes keyarm {
    0% { -webkit-transform: rotate(0deg); }
    5% { -webkit-transform: rotate(-14deg); }
    10% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

---

不知道为什么，但这就是Safari的工作方式！：）

请发一些密码，以获得答案。但我的关键帧动画正在工作。你知道，当我点击带有url的链接时，它就停止了。然后，您必须等待下一页加载。同时，所有其他浏览器仍在继续动画。Safari就在我点击链接的那一刻停止了。有什么想法吗？：-）