JSFiddle - React, Tailwind, and code Playground

HTML

<span>Example</span>

CSS

span {
  position: relative;
  display: inline-block;
  padding: 5px;
}
span:after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 4px;
  left: 51%;
  right: 50%;
  background:#000;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
span:hover:after{
  left: 0px;
  right: 0px;
}