JSFiddle - React, Tailwind, and code Playground

by Shuaib Khan

HTML

<div class="first">

</div>

<div class="second">

</div>

CSS

.first{
	width:100px;
	height:100px;
	background:red;
	transition: width linear 1s;
	-webkit-transition: width linear 1s;
}


.second{
	width:100px;
	height:100px;
	background:blue;
	transition: width linear 1s;
	-webkit-transition: width linear 1s;
	transition-delay: 1s;
}

.first:hover{
	width:250px
}
.first:hover + .second{
	width:250px
}