Pure CSS Loading Indicator Collection – mk-spinners

Category: CSS & CSS3 , Loading | August 29, 2018
Author: masoomulhaqs
Views Total: 3,987
Official Page: Go to website
Last Update: August 29, 2018
License: MIT

Preview:

Pure CSS Loading Indicator Collection – mk-spinners

Description:

mk-spinners is a fresh new collection of cool animated loading indicators/spinners created using pure CSS/SASS. Currently comes with 5 loading spinners and more will come soon.

How to use it:

Just include the main CSS file mk-spinners.css into your document and done.

<link rel="stylesheet" href="mk-spinners.css">

Create a ‘Ring’ loading spinner.

<div class="mk-spinner-centered mk-spinner-ring"></div>

Create a ‘Pie’ loading spinner.

<div class="mk-spinner-centered mk-spinner-pie"></div>

Create a ‘Ripple’ loading spinner.

<div class="mk-spinner-centered mk-spinner-ripple"></div>

Create a ‘Circles’ loading spinner.

<div class="mk-spinner-centered mk-spinner-doublecircle"></div>

Create a ‘Weight’ loading spinner.

<div class="mk-spinner-centered mk-spinner-weight"></div>

Changelog:

08/29/2018

  • v1.0

You Might Be Interested In:


Leave a Reply