Firefox和CSS3动画-为什么我的文本会抖动？

示例链接：

在Webkit中，文本可以完美地设置动画。没有问题

不过，在Firefox中，角色在滚动时会有点抖动。也就是说，字符之间的间距在滚动时会发生轻微的移动

我猜这是一个四舍五入的问题，每个字符的计算位置，但我希望有办法解决

有什么想法吗

/编辑：这是一个动画gif，显示了文本移动时发生的情况。我只拍了两张截图，然后把它们叠加在一起，这样你就可以看到我看到的东西了

---

我尝试使用transform，对我来说效果更好：

#foo b{
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-duration:10s;
    -moz-animation-name: scroll;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration:10s;
    -webkit-animation-name: scroll;
    white-space: nowrap;
    font-size: 6em;
    display:block;
    -moz-transform:  translateX(0px);
}

@-moz-keyframes scroll {
    0% {-moz-transform: translateX(0px);}
    100% {-moz-transform: translateX(-620px);}
}

看看这个问题

---

抖动。。。就像在轻微的水平晃动中，好像有什么东西在很短的时间内停止了字母的移动？几乎，但不完全。更像是字母在滚动时相对彼此移动位置。基本上，就像它们的紧排字母间距一样，对于任何不知道的人来说，它们都会发生轻微的变化。抖动是我能想到的视觉效果最好的词。可能是抖动？添加了一个动画gif来帮助解释。明白了。我在FF15.0.1上不明白。动画中有打嗝，但没有角色间的抖动。支持Marc B的评论，动画打嗝会在一段时间后消失。尝试将FF更新到最新版本，它有一些很酷的新功能，你无论如何都会喜欢的。