Pure CSS spinner like iOS UIActivityIndicatorView
http://swordray.github.io/ispinner/
bower install ispinner
- Include the stylesheet on your document's
<head>
<link rel="stylesheet" media="all" href="ispinner.css" />
- 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>
-
Setup style by class
ispinner--gray
,ispinner--white
orispinner--white ispinner--large
. -
Switch animation play state by toggling class
ispinner--animating
.
Copyright © 2016 Jianqiu Xiao swordray@gmail.com under The MIT License.