微调控件 0.1微调_使用CSSPIN创建单元素微调器和装载器

您可以使用CSS3构建一些惊人的功能，从自定义输入字段到下拉列表 ，甚至是矢量图 。 这些技术正在Swift取代JavaScript ，使开发人员更容易创造更好的用户体验。

要构建的最棘手的事情之一是加载微调器动画，但是现代CSS动画甚至使这一过程变得非常简单。

为了节省从头开始构建的时间，您可以将CSSPIN之类的库与大量预定义的自定义微调 框一起使用。 这些动画都可以自由地克隆，完全开源的，所以你可以完全访问编辑的代码，如你所愿。

使用此库设置微调器很容易。 您只需将CSS库复制到页面中，然后将自定义HTML元素添加到希望它们出现的任何位置。

这些自定义微调器仅使用一个HTML元素来创建动画效果。 这是巨大的，因为图形和动画效果完全是通过CSS类呈现的 。

而且，由于您可以访问源代码，因此可以替换形状，颜色，大小和动画速度，以更好地适合您的项目。

请注意，该代码确实使用LESS语法 ，因此您需要熟悉该预处理语言才能进行任何重大编辑。

但是，您可以在主要的演示页面上找到大量普通CSS示例 ，以及在GitHub页面上的简单说明 。

如果您熟悉npm或Bower，则这些是安装库的替代方法 。

无论如何安装，这都是一个很棒CSS动画库。 它的意思是要完全模块化，并为新的微调器，新的动画以及来自其他开发人员的自定义设置留有足够的空间。

要了解更多信息并浏览所有文档，请查看GitHub上的CSSPIN存储库 。 创作者还制作了一个小型安装视频 ，您可以在下面观看。

翻译自: https://www.hongkiat.com/blog/csspin-spinners-loaders/