loaders

npm version bower version npm downloads npm license

Pure css loading animations. As long as only one element! Live Demos.

Inspiration from loaders.css and css-loaders.

Install

Install with npm:

$ npm install --save css-loading

install with bower:

$ bower install --save css-loading

or download the Latest releases version(ZIP).

Basic Usage

  1. Import:
<link rel="stylesheet" href="loaders.css"> or
<link rel="stylesheet" href="loaders.min.css">

or require from node_modules:

import 'css-loading'
  1. Create an element and add the attribute data-loader:
<div data-loader="circle"></div>

Contributing

Pull requests are welcome!

Create another animation file in src/ and test it in example/example.html, then open it in a browser to see your animation running.

License

License under MIT.



纯pss加载动画。只要一个元素! 实时演示

灵感来自 loaders.css css-loader

安装

使用npm安装:

$ npm install --save css-loading

使用bower安装:

$ bower install --save css-loading

或下载最新版本(ZIP)

基本用法

  1. Import:
<link rel="stylesheet" href="loaders.css"> or
<link rel="stylesheet" href="loaders.min.css">

或要求来自 node_modules

import 'css-loading'
  1. Create an element and add the attribute data-loader:
<div data-loader="circle"></div>

贡献

欢迎拉请求!

src / 中创建另一个动画文件,并在 example / example.html 中进行测试,然后在浏览器中打开它,以查看您的动画运行。

许可证

麻省理工学院下的许可证。




相关问题推荐