MozillaでCSSアニメーションが動作しない

Question

誰かが間違っているのを誰でも見ることができますか？アニメーションCSSをFirefoxで動作させようとしていますが、何とかしてもまだ動作しません。 webkitを認識しない

    .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は、それ以上は

@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; 
    } 

でうまく動作します mozプレフィックスを必要としないいずれにせよ

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

を変換します