Android CSS转换或动画在phonegap中不起作用

我需要设置一个

的动画。尝试使用@keyframes和transition。 这里有一个代码：

过渡

#menu{
...
width:70%;
-webkit-transition: width 5s;
..
}

关键帧

#menu{
    ...
    width:70%;
    animation: menuEffect 3s;
    ..
    }
@keyframes menuEffect
{
from {width:0%;}
to {width:70%;}
}

我正在使用cordova/phonegap 2.0.0，目标是android 4.0及以上版本。

---

我看这不管用。过渡和动画不支持phonegap吗？请协助。

对于Phonegap，您需要使用前缀版本的属性，因为它只是Webkit

-webkit动画：menuEffect 3s linear

@-webkit-keyframes menuEffect
{
    from {
        width:0%;
    }
    to {
        width:70%;
    }
}

---

只是别忘了在css属性前面加上

-webkit-

。它为我解决了所有的问题

此代码在我的案例中起作用：

/* Animation element id */
#animate {
  position: absolute;
  top: 100px;
  left: 100px;
  -webkit-animation: move 1s ease infinite;
}

@-webkit-keyframes move {
    50% {
        -webkit-transform: translate(100px, 100px);
    }
}

---

你也可以使用“from，to”，这样就很好了

您是否尝试过

过渡：宽度5s？你救了我一天：）