JSFiddle - React, Tailwind, and code Playground

by Daniil464

HTML

<div></div>

CSS

DIV {
  width: 50%;
  max-width: 500px;
  height: 200px;
  background: linear-gradient(crimson, gold, yellowgreen, teal, crimson);
  background-position: 0 0;
  border-radius: 30px;
  border: 10px solid white;
  animation: background 2s infinite alternate;
}

@keyframes background {
  100% {
    background-position: 0 200px;
  }
}

/* Helpers */
BODY {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEE;
  font-size: 16px;
}