为什么我的CSS3转换在Firefox中不起作用？

据我所知，它在网站的其他地方使用相同的CSS。 它在铬合金中工作。 以下是全文：anthonyotislawrence.com

以下是不起作用的部分：

<a class="socialBox linkedIn">
    <h3>LinkedIn</h3>
    <p>linkedin.com/anthonyotislawrence</p>
</a> 
<a class="socialBox facebook">
    <h3>Facebook</h3>
    <p>facebook.com/anthonyotislawrence</p>
</a>

---

看起来FF不会转换默认值。在转换到新属性之前，必须在原始元素上声明它们

我遇到了一个类似于OP的问题，除了Firefox，我的转换在每个浏览器中都能正常工作。就我而言，我的时间间隔是零秒。我只使用了0，而不是0。这导致转换在Firefox中根本不起作用。我不认为这是OP的问题，但在这里发布，以防对其他人有所帮助

这在Firefox中不起作用：

top 0 linear 1s

这项工作：

top 0s linear 1s

---

我正在做这个答案中建议的事情，但仍然没有答案。我正在尝试转换顶部和不透明度，但它不是动画。感谢上帝。。你帮我省了很多时间。本，你是老板，谢谢。这也会影响Webkit浏览器。@Ben Hi，我在我的项目中使用了与此相同的结构化css，我在FF中也遇到了同样的问题。。。我认为这与背景图像属性有关。。。我更改了背景图像：url（../images/linkedin.png）；只是一个简单的背景，看看过渡是否有效，它确实。。。背景：#fff。。。这并不能解决问题，但它只是表明这与在背景图像上使用过渡有关。。我仍在寻找解决方案。。。有什么想法吗？thanks@Ben又是我。。事实上，我刚刚发现背景图像不是一个可设置动画的属性。。。现在这是有道理的。。嗨，在我的项目中，我和你有几乎相同的结构化css，我在FF中也有同样的问题。。。我认为这与背景图像属性有关。。。我更改了背景图像：url（../images/linkedin.png）；只是一个简单的背景，看看过渡是否有效，它确实。。。背景：#fff。。。这仍然不能解决问题，但它只是表明这与在背景图像上使用过渡有关。。我仍在寻找解决方案。。。

top 0s linear 1s