时间戳

首页 > 解决方案 > Safari浏览器在调用新站点时停止css动画

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

问题描述

我有一个链接。当我单击它时，应该会出现一个 div 块中的 css 动画。但是，一旦 Safari 检测到我想访问该链接，他就会停止动画并调用该站点。

我还添加了一个延迟两秒的 setTimeout() 来证明我的假设。

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

我在互联网上什么也没找到，所以对于这种问题。到目前为止，所有其他浏览器都能满足我的愿望。

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

任何想法如何实现这一目标？

标签： cssanimationsafarirequest

解决方案

在 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 的工作方式！:)

推荐阅读