How on Earth do you make an animation

Question

I've tried everything

Answer 1

I just practiced this myself yesterday. You need a @keyframes part and the CSS you want animated like this:

#to_be_animated {
animation-name: myanimation;
animation-duration: 3s;
/* many other commands possible but above are required */
}
@keyframes myanimation {
0% { the style you want initially ;}
100% { the style you want at the end ;}
}

There are lots of possibilities. The above are the minimum required components for it to work. Note that animation-duration is required.

Answer 2

Thanks dude

Answer 3

You can take a look at my practice code named "Loading Screen Animations in CSS" if you want some examples.

Answer 4

Ok