动画在Firefox中不起作用

Question

不确定为什么这在Firefox中不起作用，动画在Webkit浏览器中运行良好，而不是FF。

我已经编写了所有的关键帧，转换等似乎在没有关键帧的情况下在FF中工作，所以不确定为什么它们都没有放在一起。

 @-webkit-keyframes flip {
        from {
            -o-transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
    }
        to {
        transition-duration: 0s;
        transform: rotateY(0deg) translateX(0px);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.1);
          }
     }
    @keyframes flip {

    0% {
        -moz-transform: scaleX(0);
    }
    100% {
        -moz-transition-duration: 0s;
        -moz-transform: rotateY(0deg) translateX(0px);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.1);
      }
    }
.jig-loaded img {
     -webkit-animation: flip 1.0s;
    animation: flip 1.0s;
    -moz-animation: flip 1.0s !important;
    opacity: 1;
 }