JSFiddle - React, Tailwind, and code Playground

by toubia95

HTML

<div class="premier">

</div>

CSS

.premier {
  display: block;
  width: 200px;
  height: 200px;
background: linear-gradient(270deg, #1800ff, #1800ff, #ff1f00, #1800ff, #1800ff);
background-size: 1000% 1000%;

animation: OrangeBleu 10s ease infinite;
}

@keyframes OrangeBleu { 
    0%{background-position:0% 50%}
    99%{background-position:100% 50%}
    100%{background-position:0% 50%}
}