CSS

【CSS】iOS UIActivityIndi​​catorViewのようなCSSスピナーiSpinner

May 7, 2017
ispinner

iSpinnerはiOS UIActivityIndi​​catorViewのようなCSSスピナー。

Usage

headにスタイルシートを含める

<link rel="stylesheet" media="all" href="ispinner.css" />

HTML

ispinner要素を追加

<div class="ispinner ispinner--gray ispinner--animating">
  <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>