html

<div class="hoge"></div>

scss

.hoge {
  width: 100%; //デバッグ用横幅
  height: 100vh; //デバッグ用縦幅
  // グラデーションに使用したい配色を記述。何個でも可。透明度を指定したい場合はrgba()を使用(不透明な場合は16真数でも可)
  background: linear-gradient(-45deg, rgba(0, 0, 205, 0.3), rgba(0, 0, 128, 0.3), rgba(199, 32, 133, 0.3), rgba(220, 20, 60, 0.3), rgba(255, 165, 0, 0.3), rgba(255, 255, 0, 0.3), rgba(127, 255, 0, 0.3), rgba(0, 255, 255, 0.3));
  background-size: 800% 800%;
  animation: GradietionAnimation 6s infinite;
}

@keyframes GradietionAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}