Skip to content

Instantly share code, notes, and snippets.

@geekelo

geekelo/animated-gradient.css

Created January 3, 2024 03:40
Show Gist options
  • Save geekelo/3daaa0a95410d243b8a44aba271f005d to your computer and use it in GitHub Desktop.
Save geekelo/3daaa0a95410d243b8a44aba271f005d to your computer and use it in GitHub Desktop.
Download ZIP
Animated Gradient
Raw
animated-gradient.css
.gradient-background {
background: linear-gradient(67deg,#d2ffda,#94c894,#174217);
background-size: 180% 180%;
animation: gradient-animation 12s ease infinite;
}
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment