Gradient Generator,CSS製作漸層背景的網站工具

Gradient Generator

Gradient Generator是個強大的CSS漸層色生成工具。
有時候想把按鈕做成漸層的,所以會去翻書籤裡的網站找一個來改色對吧?現在用Gradient Generator可以線上調校生成了,用法跟Photoshop的漸層工具幾乎一樣!不論是條透明度還是漸層位置完全可視化調整。

網站:Gradient Generator

使用方式:
  • 非常直覺,直接拉動調整,然後右邊框框裡的就是CSS語法了。
筆記:這語法支援到IE8,但是若要支援IE9,請在框框右下角把IE9打勾,並且把下方的IE9宣告放在你html的<head>之上。

特殊功能:Gradient Generator還能支援從你上傳的圖片中抓取顏色!只要在右邊面板下方按Import from image即可上傳。

下面是我玩玩做成的DEMO按鈕:

張貼留言

跟其他看到這個工具的人聊聊?