how to add animation in css ? can give me sours code of css

Answer 1

Animations can be added to background,shape,text.etc
So for ex
Try this easiest one in sololearn code playground
body{
animation-name :test;
animation-iteration-count:infinite;
animation-duration:5s;
}
@keyframes test{
0%{
background-color:red;
}
50%{
background-color:blue;
}
100%{
background-color:green;
}
}
And also check this out by me it has steps how to do it
You can see the other code also

https://code.sololearn.com/WywQO8VVvK7k/?ref=app
https://code.sololearn.com/Wkha6jzA7tVx/?ref=app

Answer 2

Basically:
Write in the thing you want to animate:

animation-name:something;
animation-iteration-count:infinite;
animation-duration:3s;

And outside, still in css:

@keyframes something{
50%{
color:red;
}
}