CSS Gradient Animation

彩虹.css

/* https://www.gradient-animator.com */

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 60s ease 2s infinite;
-moz-animation: AnimationName 60s ease 2s infinite;
-o-animation: AnimationName 60s ease 2s infinite;
animation: AnimationName 60s ease 2s infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}