【文件属性】：
文件名称：css-spinner：小巧，优雅的纯css微调器，用于ajax或加载动画
文件大小：502KB
文件格式：ZIP
更新时间：2021-01-30 15:54:59
css html loader ajax spinner
CSS旋转器
12个优雅的小型纯css微调器集合，用于您的网站加载动画。
产品特点
香草-无需外部依赖，也不需要其他库。
独立-单独使用它们中的任何一个。
可自定义-使用手写笔变量快速自定义它们以满足您的需求。
易于使用-复制和粘贴都很简单，同时也可以与哈巴狗mixins一起简单使用。
小-每个微调框的平均大小为1K（未压缩）
用法
提供了一个可以快速选择并复制所需的微调框，但是您仍然可以在此存储库中找到源代码。 最简单的用法是：
在文件夹下找到并下载所需加载器的html文件。
将其内容复制到要使用此加载程序的位置。
做完了
在文件夹下也可以使用单独CSS和HTML文件，以便您可以重复使用CSS来减小有效负载大小。
我们还提供了手写笔和哈巴狗源文件，以更好地将这些微调器集成到您的项目中。 在文件夹下为所需的微调器找到相应的触控笔和哈巴狗文件。
此外，如果要自己构建，则需要和 。 有关更多详细信息，请参见以下部分。
客制化
要自定义加载程序的速度和颜色，请首先确保您在本地安装了手写笔（您也需要npm）：
npm install -g stylus
然后，使用所需的配置
【文件预览】：
css-spinner-master
----.gitignore(20B)
----package.json(665B)
----package-lock.json(80KB)
----src()
--------hourglass()
--------ripple()
--------ellipsis()
--------spinner()
--------circle()
--------ring()
--------heart()
--------roller()
--------default()
--------dual-ring()
--------facebook()
--------grid()
----build()
--------hourglass()
--------ripple()
--------ellipsis()
--------spinner()
--------circle()
--------ring()
--------heart()
--------roller()
--------default()
--------dual-ring()
--------facebook()
--------grid()
----dist()
--------roller.html(2KB)
--------default.html(2KB)
--------ring.html(783B)
--------heart.html(975B)
--------hourglass.html(726B)
--------circle.html(560B)
--------spinner.html(2KB)
--------ellipsis.html(1KB)
--------facebook.html(728B)
--------dist.zip(6KB)
--------ripple.html(617B)
--------dual-ring.html(510B)
--------grid.html(1KB)
----README.md(3KB)
----web()
--------src()
--------static()
--------.view()