ispinner
ispinner copied to clipboard
Published
20 hours ago •
swordray
swordray
Pure CSS spinner like iOS UIActivityIndicatorView
iSpinner
Pure CSS spinner like iOS UIActivityIndicatorView.
Preview
http://swordray.github.io/ispinner/
Installation
-
Yarn
yarn add ispinner.css -
NPM
npm install -g ispinner.css
Usage
- 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>
Sponsors
License
Copyright © 2021 Jianqiu Xiao [email protected] under The MIT License.
swordray