更改動畫過程中的速度CSS3 +關鍵幀或轉換

Question

我想以固定速度旋轉一個正方形，然後在動畫過程中的某個時刻，我想加快速度。

這是我的嘗試：

http://codepen.io/JAStanton/pen/uzfji

到目前爲止，但在Safari它閃爍。其他的想法是用純JavaScript進行動畫製作，儘管這在移動設備上有一定的性能成本。

想法？

Answer 1

這可以通過鏈接2個動畫來實現：4秒的延遲後

-webkit-animation: mymove 4s linear 0s, mymove2 2s linear 4s; 

第二個將運行，所以你不必監聽事件。 此外，你可以達到這個效果通過使用自定義貝塞爾

低谷的緩解作用這是你想要的東西： http://jsfiddle.net/jtYCW/