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*/

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

1 个答案: