JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top"></div>

CSS

.top
{
width:100px;
height:100px;
background:red;
animation:test 10s;
}

@keyframes test
{
0%   {background:red;}
50%  {background:green;}
50.01%  {background:blue;}
100%  {background:blue;}
}