How to you make css gradients animations fade?

I was trying to made a background with a gradient fade. Here is my code `body {
background-repeat: no-repeat;
background-attachment: fixed;
margin: 20px;
text-decoration: none;
animation: smoothfade 1s infinite;
animation-direction: alternate;

}
@keyframes smoothfade {
from {background-image: linear-gradient(lightgreen, lightblue);}
to {background-image: linear-gradient(lightblue, lightgreen);}
} `

I tried this code with just plain colours and it works perfectly. But if i use a gradient it doesn’t do anything but set the gradient to lightblue to lightgreen. Please help!

1 Like

Just check this website

1 Like

When you mean fade what do you mean? Like changing the colors by fading or fade the color in and out.

I realized that later but thx!

Thank you, too!

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.