jQuery/CSS3經典按鈕系列外掛(一)

現在大部分網頁的按鈕都是經過美化的，那些原始的瀏覽器按鈕太過於枯燥乏味，讓使用者失去和網站互動的興趣。早期我們都是通過背景圖片來美化網頁按鈕，而現在我們可以利用擴充套件性更好的CSS3來製作漂亮的網頁按鈕，本文是jQuery/CSS3按鈕系列外掛的第一篇，希望大家會喜歡。

超可愛的CSS3 3D按鈕

這款CSS3按鈕相當具有創意，它的外觀很獨特，非常適合個性化的個人部落格上，可以用來製作評論提交按鈕或者簡單的互動行為按鈕，個人非常喜歡它。

DEMO演示 原始碼下載

純CSS3實現分享按鈕

這些CSS3分享按鈕涵蓋了國外大部分的社交網站分享按鈕，你可以選擇其中幾個應用到自己的英文網站上去。

DEMO演示 原始碼下載

CSS3灰色3D按鈕組合

這款按鈕組合可以有大尺寸和小尺寸按鈕，滑鼠滑過按鈕時就會改變按鈕的背景色，讓其有發光的立體效果。

DEMO演示 原始碼下載

純CSS3實現Metro風格的圖示按鈕

這款CSS3圖示是Metro風格的，外觀非常清新漂亮。同時，當滑鼠滑過圖示是，還會在圖示上方滑過文字描述，帶飛入飛出的動畫特效。

DEMO演示 原始碼下載

CSS3自定義Radiobox按鈕樣式

DEMO演示 原始碼下載

HTML5/CSS3社會化分享按鈕

這款分享按鈕外觀樣式非常漂亮，按鈕的色彩也比較華麗自然，這款基於HTML5的分享按鈕提供兩種樣式，一種是圖示式按鈕，另一種則是圖示結合文字的按鈕樣式。

DEMO演示 原始碼下載

上面的這些CSS3按鈕都還不錯，歡迎關注jQuery/CSS3經典按鈕系列外掛的第二篇。

本文作者：碼農網 – 小峰