JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navbar">
		<div class = "option">link</div>
		<div class = "option">link</div>
		<div class = "option">link</div>
		<div class = "option">link</div>
		<div class = "option">link</div>
	</div>

CSS

.option:hover
{
	font-style: normal !important;
	background-color: green;
	cursor: pointer;
	box-sizing: border-box;
	transition-property: background;
	transition-duration: .4s;
	left: 0;
	top: 0;
	-webkit-transform: skew(-25deg);
}