CSS-анимация не работает в Mozilla

Question

Может ли кто-нибудь увидеть, что я делаю неправильно? Я пытаюсь сделать мою анимацию css работать в Firefox, но так или иначе, она все еще не работает.

    .animatietekst { 
         -webkit-animation: scaling 1s 10 ease; 
         -webkit-animation-iteration-count: infinite; 
         -webkit-animation-direction: alternate; 
         -moz-animation: scaling 1s 10 ease; 
         -moz-animation-iteration-count: infinite; 
         -moz-animation-direction: alternate; 
        } 

        @-webkit-keyframes scaling { 
    from { 
     -webkit-transform: scale(0.96); 
    } 
    to { 
     -webkit-transform: scale(1); 
    } 
} 

        @-moz-keyframes scaling { 
    from { 
     -webkit-transform: scale(0.96); 
    } 
    to { 
     -webkit-transform: scale(1); 
    } 
} 

Answer 1

Firefox не распознает webkit превращает

@-moz-keyframes scaling { 
     from { 
      -moz-transform: scale(0.96); 
     } 
     to { 
      -moz-transform: scale(1); 
     } 
    } 

В любом случае, вам не нужно префикс moz больше

@keyframes scaling { 
     from { 
      transform: scale(0.96); 
     } 
     to { 
      transform: scale(1); 
     } 
    } 

будет прекрасно работать с

.animatietekst { 
    -webkit-animation: scaling 1s 10 ease; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-direction: alternate; 
    animation: scaling 1s 10 ease; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    }