CSS3转换仅在Firefox中不使用Zepto/jQuery addClass（）启动

以下是JSFIDLE：

这令人沮丧。在Chrome和Safari中，转换启动得很好，但在Firefox上，没有任何动画！为什么呢

这似乎来自addClass（）方法。在Firebug中打开控制台并打开和关闭class.scene（用于在css中转换）之后，我可以告诉您没有动画发生。它似乎只是切换背景图像和h1的可见性

但是，如果我切换不透明度或变换（仍在firebug中）的复选框，它将只设置很好的动画

---

有人能帮忙吗？

为了让你的页面在Firefox中正常工作，我执行了以下步骤

我删除了

.scene{overflow:hidden；}

我添加了

-moz转换：所有1都易于输入输出到两个类：
。页面标题
和
。动画标题bg

最终结果：

在我的测试中，上述功能在Firefox和Chrome中都可以使用。您可以在此处编辑我的更改：

我的变化很小，在我看来，并不理想。您有很多CSS转换和转换。您可能希望寻找一种更有效的方法来创建动画（可能通过JS库）

另外，我知道我添加了

-moz转换：所有1都易于输入输出只是覆盖了您的转换定义，但我认为它仍然会对您有所帮助。在这里，您至少可以看到它可以在Firefox中工作。你的定义可能有问题。我会四处搜索，因为有很多例子可供参考







您应该在这个问题中包含代码：不要只链接到jsfiddle.net。谢谢@JSuar！我一定会采纳你的建议。另外，在过了一段时间后回到它，我意识到我可以清理css转换中相当多的代码。