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

Zoom animation for Mozilla Firefox or other browsers except Chrome

本文关键字：其他 浏览器 缩放 动画 Firefox 或除 Chrome Mozilla      更新时间：2023-09-26

我在skdslider中为图像提供了缩放动画。在Chrome中一切都很完美，但在Mozilla中，图像在一个间隔后缩放（即缩放后3个图像）的问题在Mozilla中不起作用。我也试过用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;
}

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

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*/
相关文章：