Pure CSS/LESS Loading Spinners – CSSPIN

Category: CSS & CSS3 , Loading , Recommended | November 22, 2016
Views Total:1,767 views
Official Page:Go to website
Last Update:November 22, 2016


Pure CSS/LESS Loading Spinners – CSSPIN


CSSPIN is a collection of 10+ animated single-element loading spinners & loaders that are easy to style and customize via CSS / LESS.

How to use it:

Install the CSSPIN via NPM or Bower:

npm install csspin
bower install csspin

Or directly include the core CSS file in the document and we’re ready to go.

<link href="csspin.css" rel="stylesheet">

Create the loading spinners on the webpage as follows:

<div class="cp-spinner cp-round"></div>  
<div class="cp-spinner cp-pinwheel"></div>  
<div class="cp-spinner cp-balls"></div>
<div class="cp-spinner cp-bubble"></div>  
<div class="cp-spinner cp-flip"></div>  
<div class="cp-spinner cp-hue"></div>
<div class="cp-spinner cp-skeleton"></div>  
<div class="cp-spinner cp-eclipse"></div>  
<div class="cp-spinner cp-boxes"></div>
<div class="cp-spinner cp-morph"></div>

You Might Be Interested In:

Leave a Reply