CSS動畫捕捉到開始

Question

我有這個動畫的心臟，我有「跳動」非常精緻。

http://codepen.io/wesbos/pen/tyqeL

問題是，它捕捉到，我希望它是連續光滑的開始。我怎樣才能解決這個問題？

Answer 1

您正在進行最後一次跳轉，因爲您將100％設置爲400px，然後從100px再次開始。 嘗試以下操作：

100% { 
    font-size:100px; 
} 

您也可以嘗試加入了「備用」的動畫導演，像這樣：

-webkit-animation:snow 1s linear infinite alternate; 

希望它能幫助。

Answer 2

首先和最終的關鍵幀應該具有相同的值。 添加更多關鍵幀，所以動畫是完美

CodePen