Steveiscreative
5/31/2017 - 5:03 PM

SOE: CSS Gradient Animation

SOE: CSS Gradient Animation

background: linear-gradient(89deg, #d2d755, #1e376c);
background-size: 400% 400%;
-webkit-animation: soe-gradient-animation 30s ease infinite;
-moz-animation: soe-gradient-animation 30s ease infinite;
-o-animation: soe-gradient-animation 30s ease infinite;
animation: soe-gradient-animation 30s ease infinite;
@-webkit-keyframes soe-gradient-animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes soe-gradient-animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes soe-gradient-animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes soe-gradient-animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}