DEV Community

Cover image for Creating a Loader with HTML and CSS
Hrushikesh Kokardekar
Hrushikesh Kokardekar

Posted on

Creating a Loader with HTML and CSS

Creating a Loader for website is very simple and exciting thing.

Today in this post we will Make a Loader using HTML and CSS.

The main concept used here is @keyframes . @keyframes is used when we deal with animations. In simpler way it specifies what animation should happen at what value. You will understand here how to use keyframes.

As you can see in CSS I've used keyframes named spinnerLoad to rotate the div. The animation goes on for infinity.

You can improvise this by giving container as inline-block.

Hope you like it. meet You in the Next Post

Till Then Happy Coding πŸ‘¨β€πŸ’»πŸ‘¨β€πŸ’»πŸ‘¨β€πŸ’»

Top comments (0)