Pure CSS spinner like iOS UIActivityIndicatorView.
http://swordray.github.io/ispinner/
-
Yarn
yarn add ispinner.css
-
NPM
npm install -g ispinner.css
- 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>
<!-- 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>
Copyright © 2021 Jianqiu Xiao swordray@gmail.com under The MIT License.