JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<a class="keyframe2" href="">errasdasd</a>

CSS

body, html{
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@keyframes timer {
    0%   { background-color: red; }
    100% { background-color: yellow; }
}
@keyframes timer2 {
    0%   { background-color: red; }
    100% { background-color: yellow; }
}
.keyframe{
  animation: timer 600ms linear 2;
}
.keyframe2{
  animation: timer2 600ms linear 2;
}
a{

}

JavaScript

$('body').click(function(){
	if($('a').hasClass('keyframe')){
  	$('a').removeClass('keyframe').addClass('keyframe2');
  }else{
  	$('a').removeClass('keyframe2').addClass('keyframe');
  }
});