将类添加到div时，Safari不会设置动画

Question

我有这个网站：Codepen Example（你可以在那里看到代码。当你点击时动画开始）

它适用于每个浏览器，甚至边缘。 除了Safari。

我一直在修复关键帧动画，我只有“to {}”并添加“from {}”到它，我甚至尝试填充from来包含相同的部分，如

我添加了所有-webkit-动画，这至少修复了背景。

事情是：我有一个名为“loading-cover”的叠加div，与类.loading-cover

我后来使用jquery document.getElementById("loading-cover").classList.add('loaded');

附加了一个类

每个浏览器然后启动替代动画，safari不会

Answer 1

我在Safari控制台中发现了这个解析错误：