正常情况下css3动画执行结束以后就停止了，如果要再次执行可以再animationend事件里移除动画然后重新添加动画。
document.getElementById("someElementID").addEventListener('animationend',function(){ this.classList.remove('someAnimationClass'); });
在执行完动画并移除了有动画的类后，再添加有动画的类，就可以再次动起来：
document.getElementById("someElementId").classList.add('p1animation');