chookchat/client-web/gradient.css
2024-11-26 08:32:22 +11:00

22 lines
413 B
CSS

/* Credit to Manuel Pinto on Codepen for the code!
https://codepen.io/P1N2O/pen/pyBNzX */
body {
background: linear-gradient(-33deg, #721c7a, #612bd4, #3aa5c5, #30cf7f);
background-size: 400% 400%;
animation: gradient 120s ease infinite;
height: 100vh;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}