Question

我似乎对webkit动画有问题。我添加了一个叠加微调器。这个在每个浏览器（Mozilla，IE，Edge，Chrome）上都很好用。在Andriod和iPhone / iPad上，动画不会被解雇。我在代码中遗漏了什么吗？在CSS中，我添加了以下元素的div：

-webkit-animation-name:webkit-rotate-scale;  
-webkit-animation-duration:0.75s;  
-webkit-animation-direction:normal;  
-webkit-animation-delay:0s;  
-webkit-animation-iteration-count:infinite;  
-webkit-animation-timing-function:linear;  
-webkit-animation-play-state:running;

和

@-webkit-keyframes webkit-rotate-scale {  
    0% {-webkit-transform: rotate(0deg) scale(1);}  
    50% {-webkit-transform: rotate(180deg) scale(.5);}  
    100% {-webkit-transform: rotate(360deg) scale(1);}  
}

当然，我也添加了标准（没有webkit）替代品。

有人可以告诉我我错过了什么吗？

我在其中显示的div显示：inline-block。

提前致谢！

亲切的问候，

杰里

Css - 关键帧和动画webkit问题

0 个答案: