Make pure CSS animation from PNG sequence like GIF

Howdy! Today we are going to make an animation in pure CSS without JavaScript.This will be an sequence of a images that run one after another so that it looks like a animation.We will merge many images into one and will make a vertical(or even horizontal) sequence.We will then crop of the single image and run the sequence so fast that it will look like a GIF image or animation.

Make Animations With CSS : CSS Animation Property

Like the CSS transitions we have talked before, you must already know about CSS Animations. These are a very useful in the web to animate any objects on the web pages.