gradient-animator-test.css

background: linear-gradient(319deg, #f02306, #e9f418);
background-size: 400% 400%;

-webkit-animation: gradient-animatortest 30s ease infinite;
-moz-animation: gradient-animatortest 30s ease infinite;
-o-animation: gradient-animatortest 30s ease infinite;
animation: gradient-animatortest 30s ease infinite;

@-webkit-keyframes gradient-animatortest {
    0%{background-position:23% 0%}
    50%{background-position:78% 100%}
    100%{background-position:23% 0%}
}
@-moz-keyframes gradient-animatortest {
    0%{background-position:23% 0%}
    50%{background-position:78% 100%}
    100%{background-position:23% 0%}
}
@-o-keyframes gradient-animatortest {
    0%{background-position:23% 0%}
    50%{background-position:78% 100%}
    100%{background-position:23% 0%}
}
@keyframes gradient-animatortest { 
    0%{background-position:23% 0%}
    50%{background-position:78% 100%}
    100%{background-position:23% 0%}
}