You can see how another page is rendered, how to fix it?

Question

React

I made such an effect when switching to another page (this) , but you can see how another page is rendered, how can I fix this?

Answer 1

.first:hover::before{
  animation: eye 3s ease-in-out infinite;
}

instead make a class to do it
once - change infinite to forward
https://jsfiddle.net/oyub5rfd/

Answer 2

remove infinite, and at the end, remove the class with this animation