为什么无限动画在手机间隙中的安卓上不起作用

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不起作用，如果我删除无限动画，那么4s动画发生在android中。

我做错了什么？

Answer 1

最后我发现了问题 动画：我的移动 无限; 取而代之的是使用动画迭代计数：无限;

#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;
}