JSFiddle - React, Tailwind, and code Playground

HTML

<div id="square">    
  </div>

CSS

#square {
	width: 100px;
	height: 100px;
	background: red;
  transition: 1s;
}

#square:hover {
	
	background: #000;
}