这些@ -moz-keyframes为什么不起作用？

Question

我需要有人指出为什么@ -moz-keyframes无法正常工作。 我安装了最新的FF。 因此，如果有人帮助，那就太好了。

@-moz-keyframes accTextMove {
25% { margin: 50px 0 0 380px; opacity: 0; } 100% { margin: 50px 0 0 30px; opacity: 1;         }
}

@-moz-keyframes focusTextMove {
0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; }
}

@-moz-keyframes accFadeTextMove {
0% { opacity: 0; -moz-transform: scale(.5); } 100% { opacity: 1; -moz-transform: scale(1); }
}

@-moz-keyframes focusFadeTextMove {
0% { opacity: 0; } 35% { opacity: 0; margin: 115px 0 0 53px; } 100% { opacity: 1; margin: 115px 0 0 140px; }
}

<div id="textIntroArea">
    <span id="accFade">Accounting</span>
    <span id="focusFade">with focus</span>
    <span id="acc">Accounting</span>
    <span id="focus">with focus</span>
</div>

如果您能看到我错过的一切，那将是很棒的。

Answer 1

-moz前缀在新版本的FF（18.0.1）中不支持

检查这个问题的答案

CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行