Quick CSS Loading Animation | Html CSS Animation Effects

Jitendra Kumar
2 min readSep 16, 2021

Hello Everybody I am come back with Another blog in CSS Loading Animation Effects.

Create folder inside computer CSS-Loading-Animation-Effects

right click on folder and click on open with VSCode.

our project will open in VS Code.

Next create index.htm file and css file. click on plus icon give your file name.

Next we will html code inside body we create one div.

inside div use three span tag h2 heading.

Next we give desing body and div tag using css.

next right click on html page and click on open with live server.

go to browse our page will open in browser by default

Next we design our span and heading tag using css property.

Now our go to browser refresh our page.

Next we perform animation using @keyfromes.

Next go to browser refresh our page .animation has started on our page.

you can download source code from my github repository.

https://github.com/jitu001995/MyAll-JSProject.git

--

--