2. 程式人生 > >UIgradients – 美麗的UI漸變色分享站 並可轉成CSS代碼

UIgradients – 美麗的UI漸變色分享站 並可轉成CSS代碼

阿新 • • 發佈：2018-08-06
鍵盤 sheji inf 導航 clas 技術分享 工具 更多 截圖

前期我們分享了「如何使用彩色濾鏡創造奇妙的網頁設計」這篇文章，通過漸變彩色濾鏡實現很多漂亮的效果，然而用什麽漸變顏色才好呢？可以看看今天為大家分享的 UIgradients 漸變色分享網站，裏面有很多美麗的方案選擇哦！

技術分享圖片

UIgradients 以分享美麗漸變色彩為主的分享站，裏面接近上百種漸變配色方案，設計師可根據自己風格來選擇搭配，此外我們還能直接獲得對應漸變配色的CSS代碼，相當方便，但要註意瀏覽器要兼容CSS3才行：）

CSS漸變代碼

點擊網站下面的第三個按鈕「Get CSS Code」或者直接按鍵盤「回車」鍵就會彈出CSS代碼框了，直接復制裏面的代碼就能使用！

技術分享圖片

一些漸變顏色截圖

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

推薦素材：「46款高大上的網頁漸變背景素材 – HUE」
溫馨提示：該網站已經收到到設計導航 (http://hao.shejidaren.com)的配色目錄哦，設計師們可以從配色目錄查找更多優秀配色方案和工具！

網站名稱：UIgradients
網站地址：http://uigradients.com/ (已收錄致設計導航配色目錄) 推薦：查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流：結交更多有才華的設計師？請加入UI設計QQ群，與50000名設計師交流設計。

UIgradients – 美麗的UI漸變色分享站 並可轉成CSS代碼

相關推薦

UIgradients – 美麗的UI漸變色分享站 並可轉成CSS代碼

鍵盤 sheji inf 導航 clas 技術分享 工具 更多 截圖 前期我們分享了「如何使用彩色濾鏡創造奇妙的網頁設計」這篇文章，通過漸變彩色濾鏡實現很多漂亮的效果，然而用什麽漸變顏色才好呢？可以看看今天為大家分享的 UIgradients 漸變色分享網站，裏面有很多

外貿建站JS控制隨機顯示內容代碼分享

his var 項目 控制 _id tps href mat rand 外貿建站JS控制隨機顯示內容代碼分享 <script> $(function(){ $(‘li[id^=p_

分享Spring Cloud微服務雲架構代碼結構圖

sof blog targe 探討 target 技術分享 資料 ava 集成 源碼結構 JAVA開發、maven模塊化構建、服務獨立打包、分布式部署、持續集成、版本控制 從現在開始，我這邊會將近期研發的spring cloud微服務雲架構的搭建過程和精髓記錄下來，幫助更

如何計算並測量ABAP及Java代碼的環復雜度Cyclomatic complexity

ABAP SAP Netweaver 環復雜度 圈復雜度 代碼的環復雜度(Cyclomatic complexity，有的地方又翻譯成圈復雜度)是一種代碼復雜度的衡量標準，在1976年由Thomas J. McCabe, Sr. 提出。 在軟件測試的概念裏，圈復雜度用來衡量一個模塊判定結構

c# mvc 在控制器中動態解析cshtml文件並獲取對應的html代碼

VC string arp 動態解析 temp brush ont IT obj public static string GetViewHtml(ControllerContext context, string viewName, Object param)

分享一個我大學時通過寫代碼，十天賺了兩萬塊錢的經歷！

是你 安全 性價比 對他 一段 意思 過程 第二版 同學 上圖是昨天看到的一篇文章，講述了我對於用技術兼職的一些思考。 恰好之前兼職的項目方也看到了這篇文章，因為我在文章中提到了“爬蟲”， 他們擔心社會大眾看到該文的時候，由於對爬蟲不了解，可能會誤把“爬蟲”和“信息安全”

Golang億級高並發實例（代碼可直接使用）

bug urn print atan 可用 pri pre amp ola 可以直接拿去當成一個庫來用 舉例 package main import "your/path/to/.../Concurrence" //定義一個實現Job接口的數據 type Score st

在Unity3D項目中接入ShareSDK實現安卓平臺微信分享功能（可使用ShareSDK默認UI或自定義UI）

顯示 選項 dev template 腳本 配置文件 all 自己 show 　　最近公司的大廳要重做，我協助主程一起制作新大廳和新框架，前面制作的編輯器也派上了用場。等全部功能做完後我會再寫一個復盤，這兩天主程在忙於寫熱更新的功能，所以把接入分享SDK功能的任務交給了我，

C# Winform 用paint事件實現漸變色

win cxx vertica gpu ++ opc 顏色 分享 mvp 首先創建一個窗體Form1,進入代碼頁面，在前面添加一行代碼 using System.Drawing.Drawing2D; 引用繪圖類。 回到Form1的設計頁面，打開屬性頁面，進入事件列表，找到P

基於python+appium+yaml安卓UI自動化測試分享

是否 作者 exceptio sts http def pen ogr 技術 結構介紹 之前分享過一篇安卓UI測試，但是沒有實現數據與代碼分離，後期維護成本較高，所以最近抽空優化了一下。不想看文章得可以直接去Github，歡迎拍磚大致結構如下： 結構.png

Android背景漸變色(shape,gradient)

com encoding apk order color spa HA ble 逆時針 Android設置背景色可以通過在res/drawable裏定義一個xml,如下： [代碼]xml代碼： 1 <?xml version="1.0"

封閉折線圖形的漸變色

PE else 虛線 arr sep sets num osi rul 希望實現這個效果，於是在簡書上問了一個作者，讓我 ：先用正常的CAGradientLayer做出漸變色，然後利用CAlayer的mask屬性進行裁切 https://www.jianshu.com/p

C# 如何添加PPT背景（純色背景、漸變色背景、圖片背景）

orm .so fromfile 技術分享 gre dba ack [] img 概述 我們在創建Powerpoint文檔時，系統默認的幻燈片是空白背景的，很多時候我們需要自定義幻燈片背景，以達到美觀的文檔效果。在下面的示例中將介紹給PowerPoint幻燈片設置背景的方法

css3實現border漸變色

gradient 代碼 dual border chang kit ima chan 兼容 心血來潮 什麽都不說 上代碼 .gradualChange{width: 300px;height: 300px;border:20px solid;//兼容border-image

CSS：linear-gradient()漸變色練習筆記

near ima die otto 角度 col 標準 str 圖片 css語法 background: linear-gradient(direction,color-stop1,color-stop2,...); direction：用角度值指定漸變的方向（

UI設計教程分享：關於海報的合成過程

一張好的產品創意合成海報，能瞬間提升商品價值感，同時場景和相關元素的融入，讓消費者瞬間明白商品屬性及內涵。同時為商品營造的使用場景擁有更強的代入感，從而刺激轉化。好的創意合成海報能為消費者帶來視覺衝擊的同時，加深對產品的印象。   以一款脣膏為例：炫彩水潤脣膏。通過對產品重點炫彩、水潤的使用場景

CSS漸變色邊框，解決border設定漸變後，border-radius無效的問題

需求：用css設定漸變邊框 通過border-image來實現漸變色邊框 <div class="content"></div> .content { width: 100px; height: 100px; border:10px

UI設計教程分享：banner設計

 我們都知道在一個網站中，banner圖片對於瀏覽者來說是非常重要的，尤其是電商banner，它的最主要目的是營銷，是要讓消費者有衝動去購買，這對設計的要求也就更高了。而企業網站也一樣，一個合適的banner不僅能吸引眼球，同時也能讓使用者更好的理解產品及功能，反之如果這個banner不合

UI設計教程分享：電商網頁頁面設計常見表現手法

1.手繪插畫   場景、人物以及加上故事的創意繪畫 會給人夢幻若隱若現的感覺，留下深刻的印象，適合做活動頁面以及宣傳自已的品牌     2.簡約   顏色少於三色，背景以明度偏低的顏色為主,在資訊大爆炸的時代，我們

ios 漸變色

UIView *view = [[UIView alloc] init]; view.frame = CGRectMake(587,60,71,19.5); view.backgroundColor = [UIColor colorWithRed:74/255.0 green:83/255.0 bl