Run Keyframes-animation On Click More Than Once

i have a div that it have image content .i wanna implement animation when i click in image but it do only with first click and next click in image is Ineffective.what is problem a

Solution 1:

You could reset your animation with a second keyframe block as suggested here: Css and jQuery: How do I trigger the repositioning of a CSS3-animated element back to where it was before the animation?

Here's also a possible solution on how to reset your animation when it's completed: Is there a callback on completion of a CSS3 animation?