JSFiddle - React, Tailwind, and code Playground

by locally

HTML

<div class='box'>
    <div class='fill'>
    </div>
</div>

CSS

.fill {
    width: 300px;
    height:300px;
}
.box {
    max-width: 100px;
    max-height: 100px;
    border: 1px solid black;
    -moz-transition:    all 1s linear;
		-ms-transition:     all 1s linear;
		-o-transition:    all 1s linear;
		-webkit-transition: all 1s linear;
		transition:        all 1s linear;
}
.box:hover {
    max-width: 50px;
    max-height: 50px;
    margin-top: 25px;
    margin-left: 25px;
}