CSS Gradient Animation

my.css

background: linear-gradient(180deg, #ea0b0b, #ea520b, #d7c005, #52a82a, #289d27, #2ab793, #28949f, #2a97b7, #2a97b7, #2a46b7, #402ab7, #5f2ab7, #782ab7, #912ab7, #b02ab7, #b72a93, #b72a6d, #b72a48, #b72a2a);
background-size: 3800% 3800%;
-webkit-animation: AnimationName 53s ease infinite;
-moz-animation: AnimationName 53s ease infinite;
-o-animation: AnimationName 53s ease infinite;
animation: AnimationName 53s 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%}
}