12 Awesome Pure CSS Spinners – loaderskit

Preview:

Description:

Loaders Kit is a growing collection of 12+ animated single element spinners and loaders built only using CSS / CSS3.

What’s included:

• timer
• typing
• location indicator
• dashboard
• battery
• magnifier
• help
• cloud
• eye
• coffee cup
• square
• circle

How to use it:

Load the Loaders Kit’s main style sheet in the html page.

<link rel="stylesheet" href="css/main.css">

Create spinners and loaders as follows:

<div class="timer">
<div class="typing_loader">
<div class="location_indicator">
<div class="dashboard">
<div class="battery">
<div class="magnifier">
<div class="help">
<div class="cloud">
<div class="eye">
<div class="coffee_cup">
<div class="square">
<div class="circle">