为什么无限动画在 phonegap 中的 android 上不起作用？

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 文件，我在这里添加动画，如左<->当前<->右。

此连续动画在 ios 中有效，但 android 无效，如果我删除无限动画，则在 android 中会出现 4 秒的动画。

我做错了什么？

Answer 1

终于找到问题了 Animation:mymove infinite; 而不是使用 animation-iteration-count:infinite;

#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;*/
    animation-iteration-count: infinite;
}