JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div
{
width:100px;
height:100px;
background:blue;
position:relative;
animation: myfirst 5s;
-webkit-animation:myfirst 5s; /* Safari and Chrome */
moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
 border-radius: 50px; 
}

@keyframes myfirst
{
0%   {background:red; left:200px; top:0px;}
100% {background:blue; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:red; left:200px; top:0px;}
100% {background:blue; left:0px; top:0px;}
}