повторно войти в класс каждый рендер в реакции

Question

Я создал анимацию в классе, и я хочу, чтобы анимация применяла каждый рендер.

вот файл js:

render(){
   return(
     <div>
        <div className="slide">some data</div>
     </div>
   )
}

файл css:

.slide{
   animation:an 1s;
}
@keyframes an{
  0%{color:red}
  100%{color:blue}
}

но анимация происходит только при первом рендере.Как я могу применить анимацию каждый рендер?