相关疑难解决方法(0)

注意,我使用的是最新的Safari(9.0.2)和最新的Chrome.我知道从9.0.x开始,safari会为你处理更多的动画前缀.好极了!另外,我提交了一份错误报告.

在这是最简单的,我正在尝试设置animation-delay 唯一使用JavaScript的CSS关键帧动画.代码如下:

el.style.setProperty("-webkit-animation-delay", "5s", "important");

现在在Chrome中,这个更新animation-delay,因为我希望物业只.该animation物业保持不变,这是我想要的:

但是,在Safari中,这会覆盖该animation属性,但出于我的目的,该属性不合适:

显然,这甚至不是一个有效的动画价值.我基本上希望这在Safari中工作而不会覆盖该animation属性.有没有其他方法来实现这一目标？

CSS/HTML会议室的想法是将类添加到CSS然后只需切换它classList.toggle,但是这个动画延迟属性将是动态的并且反复更改.这些值事先不知道.

JSFiddle:https://jsfiddle.net/swakq13a/3/