css - 为什么这些 @-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 prefix doesn't support in new version of FF ( 18.0.1)

Check this question answer

css @-moz-keyframes animation not working on firefox 18.0.1