Sample `background-gradient` Animation for Overwatch

overwatch_bg_animation_bg.css

background: linear-gradient(230deg, #1e3f5d, #186098, #2d8ca9, #878cea, #7a98ee);
background-size: 1000% 1000%;

-webkit-animation: AnimationName 21s ease infinite;
-moz-animation: AnimationName 21s ease infinite;
animation: AnimationName 21s ease infinite;

@-webkit-keyframes AnimationName {
    0%{background-position:0% 27%}
    50%{background-position:100% 74%}
    100%{background-position:0% 27%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 27%}
    50%{background-position:100% 74%}
    100%{background-position:0% 27%}
}
@keyframes AnimationName { 
    0%{background-position:0% 27%}
    50%{background-position:100% 74%}
    100%{background-position:0% 27%}
}