In this blog, you will learn to create Loading Animation in CSS. It helps us tell users to be patient as the content is loading and taking time. Let us know more about it in detail:-
Loading animations are used to tell users that the system is not crashed instead it is taking some time to load. It helps the user to be patient and keeps them entertained.
![Loading animation in css](https://codeblockx.com/wp-content/uploads/2023/04/codeblockx-66-768x432.png)
In this loading animation code firstly the animation will run for 3 seconds and then the whole text will appear on the screen. You can change the animation time according to your choice. The Code and Output for it are:-
Index.html
OUTPUT
![Loader image in css](https://codeblockx.com/wp-content/uploads/2023/04/Screenshot-2023-04-12-185924-768x459.png)
![Loading in CCS](https://codeblockx.com/wp-content/uploads/2023/04/Screenshot-2023-04-12-185930-768x387.png)
Thank you for visiting our blog. We hope you have found the answer to your question. As you are now learned about loading animation you should now learn about Blink Animation in CSS. Check it out we have a detailed blog post on it and it will be helpful to you. If you have any doubts about any coding questions then let us know in the comments section we will answer them as soon as possible.