JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ff"></div>

CSS

.ff {position: relative;
	margin: 100px;
	width: 100px;
	height: 100px;
	border: 0px solid #000;
	background: #cc0cc0;
}

.ff:hover::after {
	position: absolute;
	display: block;
	content: "HEll0";
	width: 100px;
	height: 100px;
	border: 0px solid #000;
	background: #cc0cc0;
}