javascript - Mozilla Firefox 或除 Chrome 之外的其他浏览器的缩放动画

Question

我在 skdslider 中为图像提供了缩放动画。在 Chrome 中一切都是完美的，但在 Mozilla 中有问题，在缩放效果在 Mozilla 中不起作用后，图像在一个间隔后缩放 3 张图像。我也为此尝试了 -moz animaton，但没有任何反应。如果您了解 jQuery，那也很好。

   @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1,1);
    }
    to {
      -webkit-transform: scale(1.5,1.5);
    }
}


@-moz-keyframes zoom {
   from {
        -moz-transform: scale(1,1);
   }
   to {
        -moz-transform: scale(1.5,1.5);
   }
}



.skdslider ul.slides li img {

-webkit-animation: zoom 15s infinite;
-ms-animation: zoom 15s infinite;
animation: zoom 15s infinite;

}

Answer 1

正如我在评论部分所了解的那样，您需要让动画无限循环。将此关键字添加到您的语法中:

http://jsfiddle.net/fd6f1dhg/1/

-webkit-animation: zoom 15s infinite;
-ms-animation: zoom 15s infinite;
animation: zoom 15s infinite; /* for firefox, doesn't needs -moz prefix*/