Skip to content

swordray/ispinner

Repository files navigation

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 swordray@gmail.com under The MIT License.