JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo"></div>

CSS

.foo {
	background: #4FC093;
	display: block;
	width: 600px;
	height: 600px;
	box-shadow: 0 0 300px inset;
	margin: 0 auto;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.foo:hover {
	width: 100px;
	height: 100px;
	box-shadow: 0 0 50px inset;
    -webkit-transition: all 10s ease;
    -moz-transition: all 10s ease;
    -ms-transition: all 10s ease;
    transition: all 10s ease;
}