在Android Cordova应用程序上，CSS转换动画非常缓慢

我正在删除Android的cordova应用程序。 我有这个HTML

：

<ul>
        <li class="animation" > 
                    ....
        </li>
</ul>

结果是列表中的每个元素都将从左到右显示，并略微褪色

现在的问题是，这个动画在我的带有安卓4.4.3的HTC上实在是太慢了。
另一方面，我注意到，当我使用Ripple Emulator在Chrome上运行我的应用程序（在我的桌面计算机上）时，动画是完美和平滑的

你知道我为什么会有这个问题以及如何解决吗？
我还尝试只使用
translate
并添加translateZ（0），但问题相同

谢谢
嗨，我想知道你找到什么解决办法了吗？使用混合解决方案而不是本机应用程序是否只是性能问题？我现在也有同样的问题。动画一点也不好
@-webkit-keyframes list{
    from{
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
    to{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animation{
    -webkit-animation-name: list;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
     -webkit-animation-delay: 1s;

    animation-name: list;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: 1s;
}