CSS矩陣動畫問題

我試過最近創建了一些矩陣動畫。但我注意到一些奇怪的東西。以下代碼在Firefox，Safari和Chrome上的工作方式不同：CSS矩陣動畫問題

@-moz-keyframes matrix 
{ 
    from 
    { 
     -moz-transform: matrix(-1.0, 0.0, 0.0, -1.0, 0.0, 0.0); 
    } 

    to 
    { 
     -moz-transform: matrix(1.0, 2.0, 3.0, 1.0, 0.0, 12.0); 
    } 
} 

@-webkit-keyframes matrix 
{ 
    from 
    { 
     -webkit-transform: matrix(-1.0, 0.0, 0.0, -1.0, 0.0, 0.0); 
    } 

    to 
    { 
     -webkit-transform: matrix(1.0, 2.0, 3.0, 1.0, 0.0, 12.0); 
    } 
}

有沒有辦法解決這個問題？

來源

2013-10-20 user2869299

1+我可以證實這一點。 http://jsfiddle.net/ACtkY/1/ –

有趣的是，如果你不使用關鍵幀，只是應用轉換，結果在不同的瀏覽器中是相同的，但webkit動畫可以動畫到不同的東西。然後在動畫結束時閃爍正確的片刻。看起來更像是一個錯誤，而不是呈現中的差異，因爲它不是適當狀態的動畫。 –