[分享] Ultimate CSS Gradient Generator 自動產生CSS漸層語法


網站名稱:Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator使用起來非常簡單,在畫面上就可以直接點選預設的漸層色,下方可以像Photoshop的使用習慣,直接拉取漸層色。不要的漸層直接往外拉就可以刪除!簡直就是photoshop網頁版!使用上就真的是網站標題下方寫著"A powerful Photoshop-like CSS gradient editor from ColorZilla."一點都不誇張!

在顏色上點選兩下就能自行輸入色碼、HSB、RGB,直接製作需要的漸層。如果已經在PhotoShop製作好漸層,輸入進去是非常方便的喔!

還有色相、明暗度、飽和度可以選擇
製作完的漸層色可以在網頁的右邊看預覽圖,可以選擇漸層的方向及同心圓的漸層方式,預覽尺寸也可以設定。而下方就是製作的漸層完成後的CSS語法,大部分瀏覽器的語法都會一併產生出來!超級方便喔!!




0 回響:

張貼留言