Skip to content

dereklinchen/ispinner

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iSpinner

Pure CSS spinner like iOS UIActivityIndicatorView

Demo

Alt text

http://swordray.github.io/ispinner/

Installation

bower install ispinner

Usage

  1. Include the stylesheet on your document's <head>
<link rel="stylesheet" media="all" href="ispinner.css" />
  1. Add ispinner element to your document's body
<div class="ispinner ispinner--gray ispinner--animating">
  <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 class="ispinner__blade"></div>
  <div class="ispinner__blade"></div>
  <div class="ispinner__blade"></div>
  <div class="ispinner__blade"></div>
</div>
  1. Setup style by class ispinner--gray, ispinner--white or ispinner--white ispinner--large.

  2. Switch animation play state by toggling class ispinner--animating.

License

Copyright © 2016 Jianqiu Xiao swordray@gmail.com under The MIT License.

About

Pure CSS spinner like iOS UIActivityIndicatorView

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 100.0%