JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

#square:hover {
	transition: 1s;
	background: #000;
}