Make a css Loader (no image)

You will have noticed the loader we use in the iGuRu.gr (appears when you click /load more). This particular loader is one archive .gif, uploaded to our server.

But let's see how we can make a loader with 10 code lines without using a picture.
Create an html file and write:

 
Of course you can modify the parameters and create your own design.

iGuRu.gr Build a Loader with css
The Animation you see below is not an image but a css.





Let's look at the result:










iGuRu.gr Build a Loader with css
The Animation you see below is not an image but a css.

	

			
	

			

		
	
		










iGuRu.gr The Best Technology Site in Greece




every publication, directly to your inbox
			

			

									

						
							Email Address						
						
					

					

						
						
						
						
												
							Subscribe						
					
							
							

					Join the 2.082 registrants.