JSFiddle - React, Tailwind, and code Playground

HTML

<div class="marquee-rtl">
  <div>Texte défilant horizontalement</div>
</div>

CSS

.marquee-rtl {
  overflow: hidden;
}

.marquee-rtl > div {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  animation: defilement-rtl 4s infinite cubic-bezier(0.3, 0.58, 0.7, 0.42);
}

.marquee-rtl:hover > div {
  animation-play-state: paused;
}

@keyframes defilement-rtl {
  0% {
    transform: translate(100vw);
  }
  100% {
    transform: translate(-100%);
  }
}