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

【问题标题】：Why aren't these @-moz-keyframes working?为什么这些 @-moz-keyframes 不起作用？
【发布时间】：2013-02-06 03:14:35
【问题描述】：

我需要有人指出我为什么 @-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>

如果你能看到我错过的东西，那就太好了。

【问题讨论】：

能否包含#accFade、#focusFade、#acc 和#focus 的CSS？
这就是我所需要的！我忘记添加：-moz-animation: accTextMove 3s ease；致#accFade 等。感谢您的提问。
css @-moz-keyframes animation not working on firefox 18.0.1的可能重复

标签： css css-animations

【解决方案1】：

-moz 前缀在新版本的 FF (18.0.1) 中不支持

检查这个问题的答案

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

【讨论】：