What is this @keyframe all about?

Question

I have seen it but I don't understand anything about it at all please someone should break down for with example and I will just practice it more.

Answer 1

@keyframes declare a custom animation in pure CSS.
you can specify any transform and styling change in it, binding them to certain positions in % of animation time, and then apply it to some objects on a page.

Answer 2

Try to search in the code playground section, with keywords combination like "animation", "keyframe", and so on: you'll must find a lot of examples of user having testing/implementing that ( run the code to verif, there are codes wich are broken ;) )