Answers for "how to stop animation after the hover"

css animation stop

//Animation can be played or paused with the below css property.
.class / tag / #id {
animation-play-state: 'paused' / 'running';
}

animation not hover out

/* Add animation to normal selector as well, besides hover selector */
div {
  background-color: #333;
  transition: background-color 400ms;
} 

div:hover {
  background-color: #000;
  transition: background-color 400ms;
}