Skip to content

Latest commit

 

History

History
67 lines (49 loc) · 1.37 KB

README.md

File metadata and controls

67 lines (49 loc) · 1.37 KB
Raw

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

  1. Include the stylesheet in the document <head>.
<link rel="stylesheet" media="all" href="ispinner.prefixed.css">
  1. 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.