cycling_background.scss

$animation: MoveBG 100s ease infinite;

body {
  background: linear-gradient(240deg,#a24bcf,#4b79cf,#4bc5cf);
  background-size: 400% 400%;
  -webkit-animation: $animation;
  -moz-animation: $animation;
  -o-animation: $animation;
  animation: $animation;
}

@-webkit-keyframes MoveBG {
  0%{background-position:0% 92%}
  50%{background-position:100% 9%}
  100%{background-position:0% 92%}
}
@-moz-keyframes MoveBG {
  0%{background-position:0% 92%}
  50%{background-position:100% 9%}
  100%{background-position:0% 92%}
}
@-o-keyframes MoveBG {
  0%{background-position:0% 92%}
  50%{background-position:100% 9%}
  100%{background-position:0% 92%}
}
@keyframes MoveBG {
  0%{background-position:0% 92%}
  50%{background-position:100% 9%}
  100%{background-position:0% 92%}
}