JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#test">Cliquez</a>
<br/><br/>
<div id="test">
    <p>test</p>
</div>

CSS

#test {
    background:#F6F6F6;
    border:1px solid black;
    border-radius:2px;
    padding:5px;
}
  #test:target {
	 -webkit-animation: changeBeg 0.7s;
   -moz-animation: changeBg 0.7s;
   animation: changeBeg 0.7s;
  }
  @-webkit-keyframes changeBeg {
	0% {background: #F6F6F6;}
  50%   {background: #FFEBDE;}
  100% {background: #F6F6F6;}
  }

  @-moz-keyframes changeBeg {
	0% {background: #F6F6F6;}
  50%   {background: #FFEBDE;}
  100% {background: #F6F6F6;}
  }

  @keyframes changeBeg {
	0% {background: #F6F6F6;}
  50%   {background: #FFEBDE;}
  100% {background: #F6F6F6;}
}