JSFiddle - React, Tailwind, and code Playground

HTML

<div>actual speed</div>

CSS

html,body{width:100%;height:100%}
body {

  background-image: repeating-linear-gradient(90deg, white 10px, white 11px, red 12px, red 30px);
}

div {
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(90deg, transparent 10px, transparent 11px, red 12px, red 31px);
 animation-name: example;
  animation-duration: 60s;
}

/* The animation code */
@keyframes example {
  from {margin-left:0px}
  to {margin-left:60px;}
}