有了这么多免费的CSS片段和代码生成器,就不用重新发明了。智能开发人员依靠现有库来制作简单的页面元素,如导航菜单和按钮。
一个这样的图书馆是由开发人员Ganapati VS创建的Bttn.css。他的作品精湛,这个按钮图书馆是现代前沿发展的最佳选择之一。
阅读: UI设计:CSS3渐变的光滑按钮
在按钮主页上,您可以选择小,中,大尺寸以及各种配色方案。这些按钮是预先构建的,可以随时准备,所以您需要的就是实际的CSS库和按钮的正确类。
您可以从GitHub下载库,也可以使用CDN版进行本地测试。如果您想在浏览器中放弃,它甚至可以在诸如CodePen的云端IDE中使用。
Bttn.css实际上是一个较小的图书馆,提供约13种不同的风格。其中一些包括材质样式,渐变,鬼按钮和使用CSS3圆形边框的传统药丸按钮。
请注意,这个库类似于Butns库中使用缩写拼写“按钮”和纯CSS代码。
但是,Bttn.css提供了不同类型的按钮,而不是一个类似元素的大型库。这是我推荐Bttn.css几乎任何Web项目的一个原因,在所有13种风格中,你一定会找到适合的东西。
你可以在这篇文章中阅读更多的内容,由Bttn.css的创建者编写。他解释了为什么他制作图书馆,以及它在一个典型的开发项目中的用途。
如果您正在寻找更完整的文档,请查看GitHub回购。它列出了样式,大小和颜色的所有CSS类,以及使用CDN或包管理器(如Bower)的安装详细信息。
请务必查看演示页,看看这个图书馆能做什么。并且可以在Twitter的@ganapativs上与创作者分享您的想法。