首頁線上工具開發工具

Blend-CSS 漸層色彩 CSS 語法產生器

Blend-CSS 漸層色彩 CSS 語法產生器

網頁有需要使用色彩漸層來布置時，有些人會使用圖片來避開因不同瀏覽器對 CSS 支援各有不同的問題，但也有網站採主要瀏覽器才支援的 CSS 語法來支應，Blend-CSS 是一個可以線上產生漸層色彩的 CSS 語法產生器，操作方法非常直覺，透過設計好的左、右可選不同色彩的介面，直接就可混合成漸層色彩，且可直接預覽，滿意後，就可複製其產出的 CSS 語法，放到網頁要應用的地方，相當方便。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 Blend-CSS 產生漸層色彩？

1.使用瀏覽器進入 Blend-CSS  網站可以看到預設的左、右可選色彩框。

Blend-CSS 漸層色彩 CSS 語法產生器

2.選擇好左、右要混合的色彩，按中間的[ Let's Blend! ]就可預覽。

Blend-CSS 漸層色彩 CSS 語法產生器

3.不滿意可以按右上角的 UnBlend 重來一次；而在其旁的方形及圓形圖示按鈕可以改變色彩漸層的開始樣式，其下的數字可以調整漸層的方向。

Blend-CSS 漸層色彩 CSS 語法產生器

4.按右上角的 </> 圖示按鈕，可以產生 CSS 語法，複製後就可以應用的網頁上。

Blend-CSS 漸層色彩 CSS 語法產生器