JSFiddle - React, Tailwind, and code Playground

HTML

<div class=disable_opacity_transition>Hover me</div>

CSS

div {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  padding: 15px 20px;
  cursor: default;
	position: relative;
	left:0;
	opacity:0.5;
	transition: left 1s, opacity 1s;
}
.disable_opacity_transition {
	/* transition: opacity 0s; */
}

div:hover {
	left:20px;
	opacity:1;
}