JSFiddle - React, Tailwind, and code Playground

by Pavel Mareš

HTML

<ul>
	<li>asdasdas</li>
	<li>asdasdasdasda</li>
	<li>asdasdasda</li>
</ul>

CSS

ul {
	display: flex;
}

li {
	display: inline-block;
	min-width: 150px;
	transition: all 200ms ease;
	background: blue;
	color: white;
}

li:hover {
	min-width: 170px;
	background: red;
}

li:hover ~ li {
	transform: translateX(-20px);
}