分享一个漂亮按钮插件FancyButtons

　　一转眼&＃xff0c;2018年的第10天就这样过去了。回看17年&＃xff0c;曾经做了些啥都忘记了&＃xff0c;就像每一天写日志时的样子&＃xff08;双手放在键盘上&＃xff0c;怒着嘴&＃xff0c;抬着头&＃xff0c;望着天花板&＃xff09;&＃xff0c;

然后突然记得好像好久没有写随笔了&＃xff08;&＃64;_&＃64;&＃xff09;。自从配置了服务器运行环境过后&＃xff0c;在本地机子上断断续续的开始了自己第一个网页的编写开发&＃xff0c;由于工作原因&＃xff08;苦逼的上班族&＃xff09;只能在晚上挤些时间来弄了。没开始不知道&＃xff0c;一开始之后&＃xff0c;才发现要学的东西太多了。所以过后我会分享和记录一些学习过程中遇到的经验或者好东西&＃xff0c;这里分享一个很好的按钮插件&＃xff08;fancy-buttons&＃xff09;。

　　网上各种搜索也没找到这东西的老家&＃xff08;https://github.com/imathis/fancy-buttons/&＃xff0c;这里好像有源码&＃xff0c;原谅我的懒惰&＃xff0c;不想翻译和解析&＃xff09;&＃xff0c;也不知道我以前是从哪弄来的&＃xff0c;心血来潮从自己的网盘里翻到的那就从网盘里分享出来吧&＃xff1a;

https://pan.baidu.com/s/1mkpBHaC 口令&＃xff1a;46cu

下载过后&＃xff0c;fancy-buttons.css实际上很好读懂理解的&＃xff0c;就像bootstrap一样&＃xff0c;通过类给按钮赋予各种样式、动画&＃xff08;animation&＃xff09;效果。例如&＃xff1a;

当然 调用我就不多说了&＃xff0c;简单解释一下&＃xff1a;

.fancy-button 为调用插件的基本样式&＃xff0c;.round .vertical 为鼠标进入和点击动画效果&＃xff0c;使用还是比较简单的&＃xff0c;查看源代码或多测试几次就能熟悉使用。

注意&＃xff0c;标签里的是图标&＃xff0c;需要从这里进行下载http://fontawesome.dashgame.com/&＃xff08;强烈推荐。当然你也可以使用其他的比如bootstrap3的Glyphicons等&＃xff09;