Ispinner is a lightweight CSS library like iOS UIActivityIndicatorView that helps you display a loading iOS style on your own website while catching your data.

Autor: swordray

Usage:

Link the ispinner.css into your HTML document by copying the following code into your site inside <head> tag.

<link href="ispinner.prefixed.css" rel="stylesheet"></link>

Add elements of spinner medium size to the <body> tag.

<div class="ispinner">
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
</div>

Add elements of spinner large size to the <body> tag.

<div class="ispinner ispinner-large">
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
  <div class="ispinner-blade"></div>
</div>


Result:

See the Pen Untitled by Mengseng Oeng (@mengsengoeng) on CodePen.