css3 animation 在某些浏览器中特别快 bugfix

今天在一款三星 4.2.2 的 webview 里，出现 animation 特别快的问题，把：

.xxx{
    -webkit-animation: xxx 24s linear infinite;
}

@-webkit-keyframes xxx {
    0% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-800%, 0);
    } 
}

 修改为：

@-webkit-keyframes xxx {
    0% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-5760px, 0);
    } 
}

　　

就好了

.xxx 也定义 width 了，但百分比还是出错了，不靠谱