JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">Hover me</div>
<div>I'm fading!</div>

CSS

div {
	display: inline-block;
	background: lightgreen;
}

#container + div {
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#container:hover + div {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}