Question

#btn
{
    border-radius:50%;
    width:100px;
    height:100px;
    background-color:#ffcccc;
    display:block;
    outline:0;
    margin:25% auto;
    animation-name: shake;
    animation-duration:4s;
    animation:mymove infinite;
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}

这是我的css文件，这里我正在添加左边的＆lt; - ＆gt;当前＆lt; - ＆gt;右边的动画。

这个连续动画在ios中工作，但是android无法正常工作，如果我删除了无限动画，那么4s动画就会出现在android中。

我做错了什么？

Answer 1

最后我发现问题动画：mymove无限; 而不是使用 animation-iteration-count：infinite;

UseCompressedOops

为什么无限动画无法在phonegap上运行android？

1 个答案: