有时候用CSS3的Animation属性做动效演示，发现动画结束后总是自动回到最初始的一帧，如果想让动画定格在最后100%时的状态，之前的做法一直是在动画结束时通过回调函数用js直接把状态样式添加上去，虽然能解决问题，但感觉这样做很笨。

直到今天，才看到了这个属性：
animation-fill-mode
这条属性就是用来设置元素在动画完成后的样子

它接受的参数有三种状态：
backward/forward/both

backward：元素退回动画前的样子
forward：元素显示成动画完成后的样子
both：元素显示成动画前后的样子

这样就可以解决问题了