JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="defilant" style="height:100vh;width:100%;"></canvas>

CSS

* {
  box-sizing: border-box;
}
body {
  margin: 0;
}

#defilant{background:blue}

JavaScript

var canevas = document.querySelector("canvas");
var contexte = canevas.getContext("2d");
var X = canevas.width;
var Y = canevas.height;
var X2 = X * 10
contexte.textAlign = "left";
contexte.textBaseline = "middle";
contexte.font = " bold italic 180px arial"; // style de police
contexte.strokeStyle = "#800"; //couleur bordure du texte défilant 
contexte.lineWidth = 15; // épaisseur du trait
var x = X;
y = 85;
setInterval(deplacement, 20); // vitesse de déplacement
function deplacement() {
  contexte.clearRect(0, 0, X, Y);
  x = x - 2;
  if (x < -X2) x = X;
  contexte.strokeText("ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL", x, y);
  contexte.fillText("ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL ROCK'n ROLL", x, y);
}