簡單 CSS 特效按鈕

貼個適合我程度的簡單 CSS 特效按鈕,不用思考只要複製貼上就能使用,高手請忍耐一下~

程式碼來源在此:http://imshanks.com/fresh-button-only-css/

不過該網頁只提供了 CSS 程式碼,所以我加了 HTML 當作 DEMO,請見程式碼展示網頁:http://codepen.io/WFU/pen/yHAhJ

使用很簡單:

1. 想用哪一個按鈕,就在 HTML 區複製那個按鈕的程式碼,把 "button" 改成別的文字就可自訂按鈕文字;把 "#" 改成自己要的超連結;從 grey、blue、red、green 這幾個字可以判斷出是哪一個按鈕。

2. 把 CSS 區的程式碼複製到部落格的 CSS 區段,或 <style> ... </style> 這個區間即可。熟 CSS 可以自己調整裡面的參數。

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。