CSS3動畫在手機瀏覽器中有時有用有時候沒用，在PC上沒有問題，都加上了-webkit-，請問什么原因？

.wave {position:absolute;left:0;width:200%;height:100%;
    background-repeat:repeat no-repeat;
    background-position:0 bottom;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation:flash 8s linear infinite both;
    animation:flash 8s linear infinite both;
}
@-webkit-keyframes flash { 
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    } 
    100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    } 
}     
@keyframes flash { 
    0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    } 
    100% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    } 
}