JSFiddle - React, Tailwind, and code Playground

by Sahin Deniz

HTML

<div>
  test
</div>

CSS

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


div {
  background: linear-gradient(182deg, #f15a5a, #f0c419, #4eba6f, #2d95bf, #955ba5);
  background-size: 1000% 1000%;
  animation: AnimationName 6s ease infinite;
}

@keyframes AnimationName {
  0% {
    background-position: 51% 0%
  }
  50% {
    background-position: 50% 100%
  }
  100% {
    background-position: 51% 0%
  }
}