css-spinner

0.0.2 • Public • Published

css spinner

Loading spinner that's just css. Include the css file and make a div.progess element.

install

$ npm install css-spinner

example

Sass

@import "node_modules/css-spinner/_spinner.scss";
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="/spinner.css">
</head>
<body>
  <p>small</p>
  <div class="small progress">
    <div>Loading...</div>
  </div>
 
  <p>med</p>
  <div class="progress">
    <div>Loading...</div>
  </div>
 
  <p>large</p>
  <div class="large progress">
    <div>Loading...</div>
  </div>
 
</body>
</html>

demo

https://6fef7917cc2c03333958712fb9bbc8e7cb7d57e5.htmlb.in

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i css-spinner

      Weekly Downloads

      30

      Version

      0.0.2

      License

      ISC

      Last publish

      Collaborators

      • nichoth