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 了，但百分比仍是出錯了，不靠譜