CSS动画捕捉到了开头

Question

我有一个心脏的动画，我有“殴打”非常精致。

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

问题在于，我希望它能够连续顺畅地开始。我怎样才能解决这个问题？

Answer 1

首先，最终的关键帧应具有相同的值。 添加更多关键帧，以便动画完美

CodePen

Answer 2

你正在进行最后一次跳跃，因为你将100％设置为400px，然后从100px再次开始。 请尝试以下方法：

 100% {
     font-size:100px;
 }

你也可以尝试为动画方向添加'alternate'，如下所示：

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

希望它有所帮助。