为什么这些@ -moz关键帧不起作用?

时间:2013-01-10 22:46:20

标签: css3 css-animations

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

如果你能看到我错过的那就太棒了。

1 个答案:

答案 0 :(得分:0)

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

检查此问题的答案

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