CSS動畫在火狐中不起作用

Question

這真的是在殺我，不知道是什麼問題，因爲我擁有所有-moz-選項。

動畫在webkit中運行良好，但不支持Firefox。

這裏是我的CSS：

@-webkit-keyframes flip { 
    from { 
     -moz-transform: scaleX(0); 
     -o-transform: scaleX(0); 
     -webkit-transform: scaleX(0); 
     transform: scaleX(0); 
    } 
    to { 
      -moz-transform: scaleX(-1); 
      -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
    } 
} 
@keyframes flip { 
0% { 
     -moz-transform: scaleX(0); 
     -o-transform: scaleX(0); 
     -webkit-transform: scaleX(0); 
     transform: scaleX(0); 
    } 
100% { 
     -moz-transform: scaleX(-1); 
     -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
    } 

} 
.jig-loaded img { 
    -webkit-animation: flip 1.0s !important; 
    animation: flip 1.0s !important; 
    -moz-animation: flip 10.0s !important; 
    } 

非常感謝！

Answer 1

@user3154772: As per my understanding. I have resolve below code.Please check and try it. 
@-webkit-keyframes flip { 
    from { 
     -moz-transform: scaleX(0); 
     -o-transform: scaleX(0); 
     -webkit-transform: scaleX(0); 
     transform: scaleX(0); 
    } 
    to { 
      -moz-transform: scaleX(-1); 
      -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
    } 
} 
@-moz-keyframes flip { 
    from { 
     -moz-transform: scaleX(0); 
     -o-transform: scaleX(0); 
     -webkit-transform: scaleX(0); 
     transform: scaleX(0); 
    } 
    to { 
      -moz-transform: scaleX(-1); 
      -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
    } 
} 
@keyframes flip { 
0% { 
     -moz-transform: scaleX(0); 
     -o-transform: scaleX(0); 
     -webkit-transform: scaleX(0); 
     transform: scaleX(0); 
    } 
100% { 
     -moz-transform: scaleX(-1); 
     -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
    } 

} 
.jig-loaded img { 
    -webkit-animation: flip 1.0s !important; 
    animation: flip 1.0s !important; 
    -moz-animation: flip 10.0s !important; 
    }