javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗？

Question

我为网站创建了一个相当复杂的菜单。菜单来自大量基于 CSS3 的动画。然而，当我导航到不同的页面时，菜单应该最初建立 - 没有所有的动画，但在 JS 方面而不是在服务器端完成。

现在我想知道如何暂时完全禁用所有转换/动画，直到菜单构建完成。

我考虑过创建一个覆盖动画的子类，但它似乎不起作用，因为它总是使用基类中定义的动画/过渡？

Answer 1

我建议通过在构建菜单后由 JavaScript 添加的类来应用动画/过渡。

有 animation-play-state可以暂停动画的属性，但只在 Safari 5 和 Chrome 4 中出现(带有前缀)(与 Safari 4 和 Chrome 2 的其他动画属性相反)，我不确定它是否适合您的目的。