CSS Animated Gradient
background: linear-gradient(49deg, #6000ff, #ff00c8, #07b1ff, #07ffca, #8cff07, #ffd907, #ff1407, #ff0772);
background-size: 1600% 1600%;
-webkit-animation: AnimationName 27s ease infinite;
-moz-animation: AnimationName 27s ease infinite;
-o-animation: AnimationName 27s ease infinite;
animation: AnimationName 27s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 78%}
50%{background-position:100% 23%}
100%{background-position:0% 78%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 78%}
50%{background-position:100% 23%}
100%{background-position:0% 78%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 78%}
50%{background-position:100% 23%}
100%{background-position:0% 78%}
}
@keyframes AnimationName {
0%{background-position:0% 78%}
50%{background-position:100% 23%}
100%{background-position:0% 78%}
}