JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<div class="status" style="background-position: 0%;">test</div>
<div class="status" style="background-position: 100%">test</div>
<div class="status" style="background-position: 200%">test</div>
<div class="status" style="background-position: 300%">test</div>
<div class="status" style="background-position: 400%;">test</div>

CSS

.status {
  background: linear-gradient(90deg, red, blue, cyan, yellow, orange);
  background-size: 500% 100%;
  background-position: 0% 100%;
};'[[[[[[[[[[[[[[[[[[[[[[[./]]]]]]]]]]]]]]]]]]]]]]]'