2019-03-06

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

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

Blend-CSS 網站資訊

網站語言:英文網站網址: 按我前往 Blend-CSS

如何使用 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 語法產生器

 分享您的留言


請輸入關鍵字


請選擇...


˄