CSS按鈕樣式集以及在線生成工具

以前我們製作帶陰影、圓角或3D感的按鈕都需要用圖片來製作,但CSS3出來後就可以不用圖片了,由於是代碼寫的按鈕樣式,在Retina上瀏覽依然清晰美觀。雖然不錯,但我們寫一個陰影+質感的按鈕還是挺多CSS代碼的,還要邊寫邊預覽,所以如果我們使用一成實時預覽的在線生成工具,那就容易多了。

CSS按鈕生成工具

功能很多,可以生成CSS3圓角按鈕、漸變、陰影、3D質感等等,而且側邊欄已經有很好的案例,你可以根據左邊的樣式來快速製作。

瀏覽網址:http://www.bestcssbuttongenerator.com/

 

Css漸變按鈕生成工具

瀏覽網址:http://cssgradientbutton.com/

 

CSS3按鈕在線製作器

瀏覽網址:http://css3buttongenerator.com/

 

CSS Drive CSS3 Button Generator

瀏覽網址:http://www.cssdrive.com/css3button/

 

CSS3 Button Generator

瀏覽網址:http://www.cssportal.com/css3-button-generator/

 

Sassy Buttons

瀏覽網址:http://jaredhardy.com/sassy-buttons/

 

 

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s