Mozilla에서 CSS 애니메이션이 작동하지 않습니다.

Question

누구든지 내가 뭘 잘못 볼 수 있습니까? 파이어 폭스에서 내 애니메이션 CSS 작업을하려고하지만 어떻게 든 작동하지 않는다. 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

파이어 폭스는 더 이상이

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

변환