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

Readme

Keywords

Package Sidebar

Install

npm i css-spinner

Weekly Downloads

18

Version

0.0.2

License

ISC

Last publish

Collaborators

  • nichoth