JSFiddle - React, Tailwind, and code Playground

HTML

<div>
	<nav>
		<ul>
			<li>Item</li>
			<li>Item</li>
			<li>Item</li>
			<li>Item</li>
			<li>Item</li>
		</ul>
	</nav>
</div>

CSS

@keyframes effect {
	from {transform:perspective(1000px) rotateY(30deg);}
	to {transform:perspective(1000px) rotateY(-30deg);}
}
div {width:200px;margin:50px auto 0;border:4px solid;border-radius:8px;background:#666;transition:all .5s ease;animation:effect 5s ease alternate infinite;}
ul {padding:0;}
li {list-style:none;text-align:center;text-transform:uppercase;font:700 100% sans-serif;color:#fff;cursor:pointer;}
li:hover {background:#191919;}