分享一個漂亮按鈕插件FancyButtons

　　一轉眼，2018年的第10天就這樣過去了。回看17年，曾經作了些啥都忘記了，就像每一天寫日誌時的樣子（雙手放在鍵盤上，怒着嘴，擡着頭，望着天花板），

而後忽然記得好像很久沒有寫隨筆了（@_@）。自從配置了服務器運行環境事後，在本地機子上斷斷續續的開始了本身第一個網頁的編寫開發，因爲工做緣由（苦逼的上班族）只能在晚上擠些時間來弄了。沒開始不知道，一開始以後，才發現要學的東西太多了。因此事後我會分享和記錄一些學習過程當中遇到的經驗或者好東西，這裏分享一個很好的按鈕插件（fancy-buttons）。

 　　

---

　　網上各類搜索也沒找到這東西的老家（https://github.com/imathis/fancy-buttons/，這裏好像有源碼，原諒個人懶惰，不想翻譯和解析），也不知道我之前是從哪弄來的，心血來潮從本身的網盤裏翻到的那就從網盤裏分享出來吧：

https://pan.baidu.com/s/1mkpBHaC 口令：46cu

下載事後，fancy-buttons.css實際上很好讀懂理解的，就像bootstrap同樣，經過類給按鈕賦予各類樣式、動畫（animation）效果。例如：

<button class="fancy-button round vertical">
    <span class="icon">
        <i class="fa fa-user"></i>
    </span>
</button>

固然 <link rel="stylesheet" href="__PUBLIC__/css/fancy-buttons.css" /> 調用我就很少說了，簡單解釋一下：

.fancy-button 爲調用插件的基本樣式，.round .vertical 爲鼠標進入和點擊動畫效果，使用仍是比較簡單的，查看源代碼或多測試幾回就能熟悉使用。

注意，<i>標籤裏的是圖標，須要從這裏進行下載http://fontawesome.dashgame.com/（強烈推薦。固然你也可使用其餘的好比bootstrap3的Glyphicons等）

而後你就能夠隨心所欲的製造屬於本身的按鈕了。