JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle"></div>

CSS

.circle{
    border: 1px solid red;
 	width:100px;
	 height:100px;
	 display:block;
	 border-radius:50px;
	 -moz-border-radius:50px;
	 -webkit-border-radius:50px;
	 -khtml-border-radius:50px;	 
}

JavaScript

$('.circle').animate(
{
  	height: '300px', 
	width: '300px',
	borderRadius: '150px',
},
1000);