Почему не работают эти @ -moz-ключевые кадры?

Мне нужно, чтобы кто-то указал мне носом, почему @ -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>

Если вы увидите, что я пропустил, это будет здорово.


person Satrop    schedule 10.01.2013    source источник
comment
Можете ли вы включить CSS для #accFade, #focusFade, #acc и #focus?   -  person wless1    schedule 11.01.2013
comment
Это все, что мне было нужно! Я забыл добавить: -moz-animation: accTextMove 3s easy; К #accFade и т. Д. Спасибо за вопрос.   -  person Satrop    schedule 11.01.2013
comment
возможный дубликат анимации css @ -moz-keyframes не работает в firefox 18.0.1   -  person Paul D. Waite    schedule 07.03.2014


Ответы (1)


Префикс -moz не поддерживается в новой версии FF (18.0.1)

Отметьте этот вопрос ответ

Анимация css @ -moz-keyframes не работает firefox 18.0.1

person Swarnendu Paul    schedule 05.02.2013