Android PhoneGap-CSS闪烁动画不工作

我正在phonegap中开发一个android应用程序（它已经作为一个网络应用程序工作了），我有一个CSS闪烁动画无法工作的问题。它在Android的Chrome中运行正常，但在应用程序中无法运行。以下是CSS代码：

.blinkClass{
    animation-duration: 400ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 400ms infinite; /* Safari and Chrome */
}
@keyframes blink {
    from {
        background:#EEEEEE;
        background: -webkit-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: -o-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: -moz-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
    }
    to {
        background: yellow;
        background: -webkit-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: -o-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: -moz-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
    }
}
@-webkit-keyframes blink {
    from {
        background:#EEEEEE;
        background: -webkit-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: -o-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: -moz-radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
        background: radial-gradient(circle, rgba(200,200,200,1),rgba(200,200,200,0) 85%);
    }
    to {
        background: yellow;
        background: -webkit-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: -o-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: -moz-radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
        background: radial-gradient(circle, rgba(255,255,0,1),rgba(255,255,0,0) 85%);
    }
}

你知道会出什么问题吗

编辑：

它不适用于android的默认浏览器

编辑2：

我发现android的默认浏览器不支持复杂的CSS动画，只支持简单的CSS动画。如果我这样做：

@-webkit-keyframes blink2 {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
}

---

它很好用。新的问题是，如何将

径向梯度

分为几个部分？

我在使用CSS时多次遇到过这种情况。在css组件上使用-webkit-tag非常重要

在css中使用-webkit background和标准背景变量。此错误也会发生在转换等应为-webkit-transform:

玩玩它。iOS真的很适合这样的东西，不幸的是android不是

---

J

它是否在设备的默认浏览器（出厂时附带的浏览器）中工作？@Likwid\u T Emmm。。。。。说得好。刚刚检查过，它不工作了当cordova为您创建视图时使用的浏览器是什么，请查找与该浏览器相关的css解决方案。好的，没有动画的背景效果很好，但我会尝试一下；）不管怎样，这似乎只是发生在旧设备上。