CSS 漸層

首頁 » CSS 漸層

CSSGradients 用 CSS 調配出萬個漸層色模板,讓你隨時取用

CSSGradients 用 CSS 調配出萬個漸層色模板,讓你隨時取用

色彩的運用不論是採純色、漸層色或兩者搭配都是不錯的選擇,以網頁要使用漸層色來說,可以使用圖片亦可以使用 CSS 語法來產生,CSSGradients 這個網站免費提供 11000+個以 CSS 語法配置好的漸層色彩模板,使用者僅需選擇要使用的色彩模板,就可以複製該模板的 CSS 語法,運用到網頁任何位置,相當方便。

NOISE & GRADIENT 漸層圖片產生器

NOISE & GRADIENT 漸層圖片產生器

漸層色的運用,能讓用戶感覺到色彩的層次感,在網頁中要使用漸層色彩可以使用圖片,亦可以利用 CSS 語法來完成,但如果是用於文書、簡報、文宣美工等產品,則必免不了要使用圖片。NOISE & GRADIENT 是個線上漸層圖片產生器,透過網頁上的介面,使用者可以自行選擇漸層要搭配的顏色(最多 6種),而使用空白鍵可隨機產生漸變色彩的各種組合,另外,還可以加入將色彩顆粒化的 CHAOS、GRAIN 兩項因子,完成後,可以免費下載 1000×1000px 的圖片。

Gradient Actualizer 色彩漸層圖片產生器

Gradient Actualizer 色彩漸層圖片產生器

雖說現在用 CSS 語法就在網頁上產生漸層效果,不需要用到圖片,但同一種語法各家瀏覽器不見得都能通用就是個麻煩,且如果是做文宣品或非在網頁上顯示的色彩漸層,大概也只能用圖片來實現。Gradient Actualizer 是一套免安裝的漸層色彩圖片產生器,只要設定好三種顏色,就能自動幫由上到下、由左至右、垂直向兩側與水平往上下的色彩漸層圖片,可以旋轉,可以自訂圖片大小,簡單且好用。

 訂閱/追蹤

 站內搜尋

˄