|Views Total:||2,565 views|
|Official Page:||Go to website|
|Last Update:||September 23, 2016|
whirl.css is a lightweight CSS library helps you create a variety of loading animations (loading spinners) using pure CSS/CSS3. Also comes with a loading overlay covering the target area.
All you need is to include the whirl.css into your document’s head section:
<link href="dist/whirl.css" rel="stylesheet">
And then add the essential CSS class ‘whirl’ to an Html element, along with any of the animation names.
<div class="whirl duo"> ... </div>
Supported loading animations.
- line grow
- line back-and-forth
- shadow oval/shadow oval left
- shadow oval right