JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circle"></div>

CSS

html {
	background-color: #000;
}
#circle {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #fff;
	transition-duration: 0.2s;
	cursor: pointer;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#circle:hover {
	width: 120px;
	height: 120px;
}
#circle:active {
	width: 110px;
	height: 110px;
}

JavaScript

var circle = $("#circle");
circle.click(function() {
	circle.width(200);
  circle.height(200);
});