css-spinner:小巧,优雅的纯css微调器,用于ajax或加载动画

时间:2024-02-20 09:41:39
【文件属性】:

文件名称:css-spinner:小巧,优雅的纯css微调器,用于ajax或加载动画

文件大小:502KB

文件格式:ZIP

更新时间:2024-02-20 09:41:39

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()

网友评论