Pure CSS spinner like iOS UIActivityIndicatorView.
http://swordray.github.io/ispinner/
-
Yarn
yarn add ispinner.css
-
NPM
npm install -g ispinner.css
-
Bower
bower install ispinner
- Include the stylesheet in the document
<head>.
<link rel="stylesheet" media="all" href="ispinner.prefixed.css">- Add a ispinner element to the document body.
<!-- style: medium -->
<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 class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
<!-- style: large -->
<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 class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>Copyright © 2019 Jianqiu Xiao [email protected] under The MIT License.