您可以使用CSS3构建一些惊人的功能,从自定义输入字段到下拉列表 ,甚至是矢量图 。 这些技术正在Swift取代JavaScript ,使开发人员更容易创造更好的用户体验。
要构建的最棘手的事情之一是加载微调器动画,但是现代CSS动画甚至使这一过程变得非常简单。
为了节省从头开始构建的时间,您可以将CSSPIN之类的库与大量预定义的自定义微调 框一起使用。 这些动画都可以自由地克隆,完全开源的,所以你可以完全访问编辑的代码,如你所愿。
使用此库设置微调器很容易。 您只需将CSS库复制到页面中,然后将自定义HTML元素添加到希望它们出现的任何位置。
这些自定义微调器仅使用一个HTML元素来创建动画效果。 这是巨大的,因为图形和动画效果完全是通过CSS类呈现的 。
而且,由于您可以访问源代码,因此可以替换形状,颜色,大小和动画速度,以更好地适合您的项目。
请注意,该代码确实使用LESS语法 ,因此您需要熟悉该预处理语言才能进行任何重大编辑。
但是,您可以在主要的演示页面上找到大量普通CSS示例 ,以及在GitHub页面上的简单说明 。
如果您熟悉npm或Bower,则这些是安装库的替代方法 。
无论如何安装,这都是一个很棒CSS动画库。 它的意思是要完全模块化,并为新的微调器,新的动画以及来自其他开发人员的自定义设置留有足够的空间。
要了解更多信息并浏览所有文档,请查看GitHub上的CSSPIN存储库 。 创作者还制作了一个小型安装视频 ,您可以在下面观看。