Design your gradient
Colours
Preview
Copy and paste into CSS stylesheet
.css-selector {
background: linear-gradient(90deg, #B0F2B4, #BAF2E9, #BAD7F2);
background-size: 600% 600%;
animation: GradientAnimation 30s ease infinite;
}
@keyframes GradientAnimation {
0%{background-position: 0% 50%}
50%{background-position: 100% 50%}
100%{background-position:0% 50%}
}
background: linear-gradient(90deg, #B0F2B4, #BAF2E9, #BAD7F2);
background-size: 600% 600%;
animation: GradientAnimation 30s ease infinite;
}
@keyframes GradientAnimation {
0%{background-position: 0% 50%}
50%{background-position: 100% 50%}
100%{background-position:0% 50%}
}