JSFiddle - React, Tailwind, and code Playground

HTML

<span class="infinite-2">some text<br> here </span>

CSS

.infinite-2 {
  background: 
     repeating-linear-gradient(90deg, currentColor 0 15px, transparent 0 30px) 
     bottom right /2000% 3px no-repeat;
  transition: 99999s linear;
}
.infinite-2:hover {
  background-position: bottom left;
  transition: 40s linear;
}

[class] {
  font-size:40px;
  font-family:sans-serif;
  cursor:pointer;
}