Lorezz
2/13/2015 - 4:09 PM

CSS Animated Gradient

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%}
}