關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

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

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

【WebGradients 網站資訊】
網站語言:英文
服務性質:免費

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

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

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

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

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

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章