Restart Animation On Hover

I'm trying to create some Easter animation with a little bunny that catches a falling egg. Now that's working great, but where i'm having troubles is that i can't seem to create a

Solution 1:

This is easy young squire (Sorry)

@keyframesyournameofanimation {
0% {top:0;left:0;background:#dda221;}50% {top:500px;left:100px;background:#e0e0e0;}100% {top:0;left:50px;background:grey;}
}
.nameofclass {
animation:yournameofanimation;animation-duration:1s;/*ofcoursecanbevaried*/position:relevant;
}
.nameofclass:hover {
animation:yournameofanimation;animation-duration:1s;/*ofcoursecanbevaried*/
}
</style><divclass="nameofclass"><p>Tryit!</p>