css关键帧转换在firefox中不起作用

据我所知，我已经在css中做了所有正确的事情，以便在firefox中实现以下转换。不过，这种过渡中的反弹在firefox浏览器中似乎不起作用。尽管firefox支持关键帧。下面是我的代码片段

 .animate {
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
 animation-duration: 1s;
}


 .animate.hinge {
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s;
 -o-animation-duration: 1s;
 animation-duration: 1s;
}


 @-moz-keyframes bounceIn {
 /* line 83, ../sass/style.scss */
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}

/* line 86, ../sass/style.scss */
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}

/* line 91, ../sass/style.scss */
70% {
-webkit-transform: scale(0.9);
 }

/* line 95, ../sass/style.scss */
 100% {
-webkit-transform: scale(1);
 }
}


 @keyframes bounceIn {
  /* line 119, ../sass/style.scss */
  0% {
  opacity: 0;
  transform: scale(0.3);
  }

 /* line 124, ../sass/style.scss */
 50% {
opacity: 1;
transform: scale(1.05);
 }

 /* line 129, ../sass/style.scss */
  70% {
   transform: scale(0.9);
  }

 /* line 133, ../sass/style.scss */
  100% {
transform: scale(1);
 }
 }

 /* line 139, ../sass/style.scss */
 .block {
 -webkit-animation-name: bounceIn;
 -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
 }

---

我是否缺少某个前缀，或者我是否使用了ff中不支持的动画属性使用变换属性的

-moz

前缀，而不是

@-moz关键帧中的
-webkit

-有效（FF仅用于演示）

此外，对于当前的CSS，您将使用以下HTML：

<div class="block animate"></div>



我包括了
.block
和
.animate
类。（animate类包含动画持续时间）。
使用变换属性的
-moz
前缀，而不是
@-moz关键帧中的
-webkit

-有效（FF仅用于演示）

此外，对于当前的CSS，您将使用以下HTML：

<div class="block animate"></div>



我包括了
.block
和
.animate
类。（animate类包含动画持续时间）。
很好地发现了这一点，但它仍然不起作用，我已经在plunker上上传了一个编辑过的版本。你可以测试一下yourself@NewKidOnTheBlock我用一个JSFIDLE示例更新了它。在FF中尝试一下。我已经用这种方式构建了HTML。对于一些奇怪的人来说，这种转变对我来说不起作用FF@NewKidOnTheBlock好吧当你看这个例子的时候，它有效吗@NewKidOnTheBlock我在上面放了
infinite
。我似乎不是你想要的；但是如果你去掉了它，那么它应该是期望的结果。如果你有任何问题，请告诉我。这很好，但实际上仍然不起作用，我已经在plunker上上传了一个经过编辑的版本。你可以测试一下yourself@NewKidOnTheBlock我用一个JSFIDLE示例更新了它。在FF中尝试一下。我已经用这种方式构建了HTML。对于一些奇怪的人来说，这种转变对我来说不起作用FF@NewKidOnTheBlock好吧当你看这个例子的时候，它有效吗@NewKidOnTheBlock我在上面放了
infinite
。我似乎不是你想要的；但是如果你去掉了它，那么它应该是期望的结果。如果你有任何问题，请告诉我。
.animate {
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
 animation-duration: 1s;
}


 .animate.hinge {
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s;
 -o-animation-duration: 1s;
 animation-duration: 1s;
}


 @-moz-keyframes bounceIn {
 /* line 83, ../sass/style.scss */
0% {
opacity: 0;
-moz-transform: scale(0.3);
}

/* line 86, ../sass/style.scss */
50% {
opacity: 1;
-moz-transform: scale(1.05);
}

/* line 91, ../sass/style.scss */
70% {
-moz-transform: scale(0.9);
 }

/* line 95, ../sass/style.scss */
 100% {
-webkit-transform: scale(1);
 }
}


 @keyframes bounceIn {
  /* line 119, ../sass/style.scss */
  0% {
  opacity: 0;
  transform: scale(0.3);
  }

 /* line 124, ../sass/style.scss */
 50% {
opacity: 1;
transform: scale(1.05);
 }

 /* line 129, ../sass/style.scss */
  70% {
   transform: scale(0.9);
  }

 /* line 133, ../sass/style.scss */
  100% {
transform: scale(1);
 }
 }

 /* line 139, ../sass/style.scss */
 .block {
 -webkit-animation-name: bounceIn;
 -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
 }