csspin
所属分类：工具库
开发工具：CSS
文件大小：0KB
下载次数：0
上传日期：2019-10-08 18:06:28
上 传 者：
sh-1993
说明： CSS微调器和加载器-用于纯CSS加载器和微调器的模块化、可定制和单个HTML元素代码
(CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner)
文件列表:
LICENSE.md (1072, 2017-06-21)
bower.json (740, 2017-06-21)
css/ (0, 2017-06-21)
css/csspin-balls.css (955, 2017-06-21)
css/csspin-boxes.css (852, 2017-06-21)
css/csspin-bubble.css (1210, 2017-06-21)
css/csspin-eclipse.css (933, 2017-06-21)
css/csspin-flip.css (581, 2017-06-21)
css/csspin-heart.css (843, 2017-06-21)
css/csspin-hue.css (832, 2017-06-21)
css/csspin-meter.css (663, 2017-06-21)
css/csspin-morph.css (487, 2017-06-21)
css/csspin-pinwheel.css (995, 2017-06-21)
css/csspin-round.css (772, 2017-06-21)
css/csspin-skeleton.css (1055, 2017-06-21)
csspin.css (9122, 2017-06-21)
index.html (6935, 2017-06-21)
less/ (0, 2017-06-21)
less/_balls.less (1032, 2017-06-21)
less/_boxes.less (933, 2017-06-21)
less/_bubble.less (1332, 2017-06-21)
less/_eclipse.less (821, 2017-06-21)
less/_flip.less (607, 2017-06-21)
less/_globals.less (722, 2017-06-21)
less/_heart.less (956, 2017-06-21)
less/_hue.less (925, 2017-06-21)
less/_meter.less (610, 2017-06-21)
less/_morph.less (502, 2017-06-21)
less/_pinwheel.less (1095, 2017-06-21)
less/_round.less (617, 2017-06-21)
less/_skeleton.less (921, 2017-06-21)
less/csspin-balls.less (80, 2017-06-21)
less/csspin-boxes.less (80, 2017-06-21)
less/csspin-bubble.less (82, 2017-06-21)
less/csspin-eclipse.less (84, 2017-06-21)
less/csspin-flip.less (78, 2017-06-21)
less/csspin-heart.less (80, 2017-06-21)
less/csspin-hue.less (76, 2017-06-21)
less/csspin-meter.less (80, 2017-06-21)
... ...
# CSSPIN
CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code.
CSSPIN Library has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.
## Demo
Check out [Spinners in Motion](https://webkul.github.io/csspin/)
## Project Using CSSPIN
[Opencart Point of Sale](http://oc-demo.webkul.com/pos/wkpos/)
## Installation
Install CSSPIN with **npm** or **Bower** Package Manager
```
npm install csspin
```
```
bower install csspin
```
[](https://youtu.be/18uY-YueJeI)
## Less File Structure
```
./less/
... _globals.less
... _round.less
... csspin-xxxx.less
... csspin.less
```
## How Less Stucture Works?
* Less files ```with _``` are partials and have actual magic
* Less files ```without _``` only imports partials
* Less files named ```csspin-xxxx.less``` imports ```_globals.less``` and respective ```_partial.less```
* Less files named ```csspin-xxxx.less``` acts as an individual module and can be compiled to ```css/csspin-xxxx.css``` for individual use
* Less file named ```csspin.less``` imports all the partials and is compiled to ```csspin.css```
## CSS File Structure
```
./css/
... csspin-xxxx.css
./csspin.css
```
## How CSS Structure Works?
* CSS File named ```csspin.css``` consists CSS of all the spinners
* CSS File named ```csspin-xxxx.css``` consists CSS of respective spinners
## Credits
Crafted with :heart: at [Webkul UXlab](http://design.webkul.com)
近期下载者：
相关文件：
收藏者：