Mobile-first CSS Only Loader Library – loadme

Category: CSS & CSS3 , Loading , Recommended | February 9, 2017
Author: zx1988826
Views Total: 4,072
Official Page: Go to website
Last Update: February 9, 2017
License: MIT

Preview:

Mobile-first CSS Only Loader Library – loadme

Description:

loadme is a pure CSS library which provides a collection of well-designed and CSS3 animated loaders for your mobile web applications. Fully customizable via LESS.

Loaders included:

  1. circular
  2. rotateplane
  3. cubeGrid
  4. circleBounce
  5. loadmeRect
  6. cube
  7. scaleout
  8. dot
  9. bounced
  10. circlePoint
  11. fadingCircle
  12. foldingCube
  13. love
  14. clock

Install the loadme via package managers:

# NPM
npm install loadme

# Bower
bower install loadme

How to use it:

Import the loadme.css file into your document’s head section.

<link rel="stylesheet" href="loadme.css">

Create a circular loader on the page.

<div class="loadme-circular"></div>

If you’d like display a background overlay when the loader is active:

<div class="loadme-circular"></div>
<div class="loadme-mask"></div>

You Might Be Interested In:


One thought on “Mobile-first CSS Only Loader Library – loadme

Leave a Reply