Javascript 在构建元素时，是否可以暂时关闭所有CSS3转换/动画？

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

现在我想知道如何暂时完全禁用所有过渡/动画，直到创建菜单为止

---

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

我建议通过一个类应用动画/转换，该类是在构建菜单后由JavaScript添加的

---

有一个属性可以暂停动画，但它只出现在Safari 5和Chrome 4中（前缀）（与其他动画属性的Safari 4和Chrome 2相反），我不确定它是否适合您的目的。

您可以在构建菜单时将

转换持续时间设置为
0s
，然后将其设置回所需的值。
我觉得您完全正确。我有一种难以置信的快乐感，在我写这2500行之前，我没有想到这一点。我仍然梦想着一个更简单的解决方案。我知道你的意思。不确定这是否更容易-您可以在菜单开始构建时通过JavaScript删除有问题的类，并在完成后重新添加。（虽然如果课堂上除了动画还有其他风格，你也会失去它们。）是的，这就是重点。这相当复杂。对我来说，通常是一个谜，那就是为什么不可能用一个新类设置转换/动画，从而能够覆盖以前定义的类。如果这是可能的，例如，“淡入”过渡的时间安排可能与相应的“出现”过渡的时间安排不同（从不透明度0-1和反转设置时）。哦-我在答案中提到了
-webkit动画播放状态
-我认为我以前有过，但我不确定这对您的情况是否有帮助。对于过渡，我认为这样做的目的是为了使它们在实现上非常简单，而牺牲灵活性。对于动画，我认为您可以将
-webkit animation name
属性设置为
none
以禁用动画。可能相关：