CSS3让动画停留在最后一帧

在画文章首页的那个蝴蝶的时候就想让蝴蝶飞到梅花上，然后就停留在那里。
但是我看了看w3cschool，没有让动画停留在最后一帧的方法，怎么办呢？

我们可以这样解决：
首先在让我们需要处理的元素开始就停留在最后一帧，比如我让蝴蝶一开始就停留在梅花上面了。
然后动画执行到0%的时候，也就是开始的时候直接让蝴蝶瞬间移动到我们想要开始的位置，这样结束后动画就可以在最后一帧了。