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