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