Hi @rishithaspurthi ,
@keyframes are used for animation in CSS. It is mainly used for how you style your animated image either to give a background color for the image or to which direction we have to move the animated image. (top, left, right,bottom).
This link helps to you get a better idea.