4 Animated CSS Loading Spinners – kSpinners.css

Author: knekki
Views Total: 2,227 views
Official Page: Go to website
Last Update: April 8, 2019
License: MIT


4 Animated CSS Loading Spinners – kSpinners.css


The kSpinners.css library provides 4 cool animated loading spinners for modern web design:

See also:

How to use it:

Installation & download.

$ npm install @knekk/spinners --save

Include the kSpinners.css on the webpage.

<!-- All In One -->
<link rel="stylesheet" href="dist/kSpinners.css">
<!-- Pulse -->
<link rel="stylesheet" href="dist/kSpinnerPulse.css">
<!-- Signal -->
<link rel="stylesheet" href="dist/kSpinnerSignal.css">
<!-- Spin -->
<link rel="stylesheet" href="dist/kSpinnerSpin.css">
<!-- Swirl -->
<link rel="stylesheet" href="dist/kSpinnerSwirl.css">

Create the loading spinners:

<i class="k-spinner--spin"></i>
<i class="k-spinner--pulse"></i>
<i class="k-spinner--swirl"></i>
<i class="k-spinner--signal"></i>

See also  Background Image Slider With Caption Bar Using Pure CSS

Leave a Reply

Your email address will not be published. Required fields are marked *