Stylesheet

<link rel="stylesheet" href="http://tawian.io/text-spinners/spinners.css">

Types(可以更换字体看看效果)

Change Font:

Ellip (default)

<span class="loading"></span>

Line

<span class="loading line"></span>

Line2

<span class="loading line2"></span>

Plus

<span class="loading plus"></span>

Hamburger

<span class="loading hamburger"></span>

Bar

<span class="loading bar"></span>

Bar2

<span class="loading bar2"></span>

Open-circle

<span class="loading open-circle"></span>

Arrow

<span class="loading arrow"></span>

Triangle

<span class="loading triangle"></span>

Triangles

<span class="loading triangles"></span>

Beam

<span class="loading beam"></span>

Bullet

<span class="loading bullet"></span>

Bullseye

<span class="loading bullseye"></span>

Rhomb

<span class="loading rhomb"></span>

Fish

<span class="loading fish"></span>

Toggle

<span class="loading toggle"></span>

Countdown

<span class="loading countdown"></span>