有这么多免费CSS 代码段和代码生成器 ,因此无需重新发明轮子。 精明的开发人员依靠现有的库来制作简单的页面元素,例如导航菜单和按钮。
开发者Ganapati VS创建的Bttn.css就是这样的库。 他的作品精湛,这个按钮库是现代前端开发中最好的按钮库之一。
在按钮主页上 ,您可以在超小 , 小,中和大尺寸以及各种配色方案之间进行选择 。 这些按钮是预先构建的 , 可以使用了 ,因此您所需要的只是实际CSS库和适合您按钮的类。
您可以从GitHub下载该库,也可以使用CDN版本进行本地测试。 如果您想在浏览器中使用它,它甚至可以在 CodePen等云IDE中使用。
Bttn.css实际上是一个较小的库,提供大约13种不同的样式 。 其中一些包括材质样式,渐变,重影按钮和使用CSS3圆角边框的传统药丸按钮。
请注意,该库与Butns库类似, 只是使用了缩短的“按钮”拼写和纯CSS代码。
但是,Bttn.css提供了各种样式的按钮 ,而不是一个大型的相似元素库。 这是我推荐Bttn.css用于几乎所有Web项目的原因之一,在所有13种样式中,您一定会找到合适的东西。
您可以在Bttn.css的创建者撰写的这篇Medium帖子中阅读更多内容。 他解释为什么他做出的库和什么目的服务于一个典型的开发项目。
如果您正在寻找更完整的文档,请查看GitHub存储库 。 它列出了样式,大小和颜色的所有CSS类,以及使用CDN或软件包管理器(例如Bower)的安装详细信息。
确保还签出了演示页面,以查看该库可以做什么。 并随时在其Twitter @ganapativs上与创建者分享您的想法。