- lic-sonar
- lic-dotcircle
- lic-gradientwave
- lic-dial
- lic-dial-alt
- lic-satellite
- lic-satellite-3d
- lic-clock
- lic-clock-alt
- lic-diamond
- lic-orb
- lic-beat
- lic-ripple
- lic-heart
- lic-geta
- lic-worms
- lic-whirl
- lic-propeller
- lic-flipcircle
- lic-flipsquare
- lic-wavebar
- lic-umbrella
- lic-wipebar
- lic-dotblink
- lic-wired
Setup
ダウンロードしたフレームワーク内にある loadingicon-min.css を任意のHTMLより読み込んでください。
<link rel="stylesheet" href="css/loadingicon-min.css"/>
HTML内で利用したいアイコンクラスを呼び出してください。
<i class="lic-sonar"></l>
Option
オプションクラスを付与することでアニメーション種別の制御が行えます。.lic-linear
- lic-dotcircle.lic-linear
- lic-dial.lic-linear
- lic-dial.lic-linear
<i class="lic-dotcircle lic-linear"></l>
.lic-ease
- lic-dotcircle.lic-linear
- lic-dotcircle.lic-linear
- lic-dotcircle.lic-linear
<i class="lic-sonar lic-ease"></l>