2020-05-20

WebGradients 配好的 180個漸層色彩,隨你取用

漸層色較單一顏色來的有層次感,也深受美工人員的愛用,要用 CSS 做出漸層色,不難,但難在顏色如何搭配,這讓人很傷腦筋的,WebGradients 這個網站提供 180個已經配好色的漸層色彩,並提供 CSS3 語法與 PNG 圖檔,不論是個人或商業均可免費取用。

WebGradients 網站資訊

網站語言:英文網站網址: 按我前往 WebGradients

如何使用 WebGradients 取得漸層色的 CSS 語法或 PNG 圖檔?

1.使用瀏覽器進入 WebGradients 網站,便可看到以配置好的漸層色集合。
WebGradients 配好的 180個漸層色彩,隨你取用

2.每個漸層色卡中右上角的圓形向下箭頭圖式按鈕,可以用來取得 PNG 圖檔。
WebGradients 配好的 180個漸層色彩,隨你取用

3.要取得漸層色彩的 CSS3 語法,則可以按漸層色卡中右下角的[ Copy CSS ],便會將 CSS3 語法複製到剪貼簿中,並在該色卡中出現 🐯 Gotcha! 圖形與字樣。
WebGradients 配好的 180個漸層色彩,隨你取用

4.取得的語法。 background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);

 分享您的留言


請輸入關鍵字


請選擇...


˄