firefox中的CSS动画抖动

如何在firefox中使动画平滑

span{
背景：url(http://www.clker.com/cliparts/F/g/8/N/k/X/black-question-mark-square-icon-md.png)不重复；
背景大小：100%；
-webkit过渡：所有ease 1s；
-moz转换：所有ease 1s；
-ms转换：所有轻松1秒；
-o-过渡：所有1秒；
过渡：所有1秒；
高度：98px；
位置：绝对位置；
宽度：98px；
左：100px；
顶部：100px；
-webkit动画：spanAnimate 4s线性无限交替；
-moz动画：spanAnimate 4s线性无限交替；
-o-动画：动画4s线性无限交替；
动画：动画4s线性无限交替；
}
@关键帧设置动画{
0% {
-webkit转换：translate3d（-5%，-5%，0）；
-moz变换：translate3d（-5%，-5%，0）；
-ms变换：translate3d（-3%，-5%，0）；
-o变换：translate3d（-5%，-5%，0）；
转换：translate3d（-5%，-5%，0）；
}
20%{
-webkit转换：translate3d（0%，1%，0）；
-moz变换：translate3d（0%，1%，0）；
-ms变换：translate3d（0%，1%，0）；
-o变换：translate3d（0%，1%，0）；
转换：translate3d（0%，1%，0）；
}
40%{
-webkit转换：translate3d（1%，3%，0）；
-moz变换：translate3d（1%，3%，0）；
-ms转换：translate3d（1%，3%，0）；
-o变换：translate3d（1%，3%，0）；
转化：转化3d（1%，3%，0）；
}
60%{
-webkit转换：translate3d（3%，2%，0）；
-moz变换：translate3d（3%，2%，0）；
-ms转换：translate3d（3%，2%，0）；
-o变换：translate3d（3%，2%，0）；
转化：转化3d（3%，2%，0）；
}
100% {
-webkit转换：translate3d（-5%，-5%，0）；
-moz变换：translate3d（-5%，-5%，0）；
-ms变换：translate3d（-3%，-5%，0）；
-o变换：translate3d（-5%，-5%，0）；
转换：translate3d（-5%，-5%，0）；
}
}

---

你不能以5%、10%、15%等或更详细的比例制作动画：）1%、2%、3%、4%等。

在变换中添加旋转（0.001deg）

这是因为所有旋转都已消失。这是正确的链接：现在看起来很顺利。但是一个更好的答案可以解释OP的代码有什么问题，以及当你使用你的代码时发生了什么变化。