JSFiddle - React, Tailwind, and code Playground

by vals

HTML

<div id="div_one">This is div 1</div>
<div id="div_two">This is div 2</div>

CSS

body{
	background-color:lightgrey;
}

#div_one, #div_two{
	background-color:darkred;
	display:block;
	width:300px;
	text-align:center;
	padding:30px;
	margin:10px;
	color:white;
	-webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
	
}
#div_one:hover ~ #div_two{
	background-color:red;
}
#div_two:hover ~ #div_one{
	background-color:red;
}