Hello, am trying to produce an animated background for my banner, but its not working. Can someone help me please?
Here is the reference site :https://codepen.io/P1N2O/pen/pyBNzX
And below is my piece of code
.homepage-banner {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
So am getting the colors but its not making the animation effect