Amazonサイバーマンデー開催中!12/9まで!

参考美丽的配色方案!CSS 渐变颜色库 10 选择,使时尚渐变轻松 [样品丰富/ 科皮佩免费] 2019 年决定版本

渐变设计,由最近流行的 CSS 制成。
初创企业通常使用渐变。
具有尖端图像时,它很时尚,不是吗?

今天,我将介绍一个渐变库,它可以很容易地用CSS编写这样一个美丽的渐变。
对于移动网站或应用的 UI 设计,这是必须看到的。

WebGradients

f:id:mamegoro:20180418132337j:plain

具有 180 多种选项的渐变库。

除了下载 CSS3 代码外,PSD 和草图也可以下载渐变。

UI 也很容易理解,因为只需单击一下即可复制。


格拉迪恩·布顿

f:id:mamegoro:20180418132347j:plain

专用于按钮重力的库。

只需使用已经准备的类,即可制作美丽的格拉德。


uiGradients

f:id:mamegoro:20180418132355j:plain

UI 是一种易于理解且易于使用的渐变创建工具。

您可以选择预先准备的库,也可以轻松创建您指定的渐变。

我个人推荐这个网站。


格拉迪恩动画器

f:id:mamegoro:20180418132411j:plain

一种工具,可以精细和容易地设置,如方向指定和渐变速度,以及颜色规格。

因为它被实时吐出为CSS旁边,所以很容易理解。


科洛齐拉·格拉迪ent编辑

f:id:mamegoro:20180418132419j:plain

可用于图像的工具,如 Photoshop 渐变设置。
UI 并不漂亮,但功能本身非常清晰和高功能。

其特点是能够输出各种格式的颜色代码,如 16 步数和 RGB。

CSS Gradients

f:id:mamegoro:20180418132429j:plain

GitHub 中可用的 CSS3 渐变库。
不仅我们之前介绍的普通渐变,还有一个设计,只应用了CSS的图案。

样品的颜色是微妙的,但如果你自定义它,你可以利用的宽度似乎扩大。

* 演示页面:CSS3 Gradients

ColorSpace Gradient

f:id:mamegoro:20180418132438j:plain

与 Colorzilla 类似,但界面更明显。

但是,由于一次只能指定两种颜色,因此建议那些想要创建一个简单的渐变的人。

无限Gradients

f:id:mamegoro:20180418132447j:plain

一个工具,可以设置非常精细的渐变。

您可以使用顶部的导航栏锁定添加颜色、移动等,以创建精细渐变。

操作有点难以理解,但推荐给那些想要创建更复杂的设计的人。

科尼奇·格拉迪恩·波利弗利

f:id:mamegoro:20180418132457j:plain

一个库,用于使用像圆锥体一样的图像创建渐变。

某些浏览器不支持 CSS 的 conic-gradient,因此在使用时应小心谨慎。

蒂尼·格拉迪ent

f:id:mamegoro:20180418132506j:plain

这是我唯一的JS库。

在 JS 中操作和指定渐变后,将显示在所有浏览器中优化的渐变 CSS。

您也可以在 16 进制和 RGB 中设置颜色代码。

摘要

你觉得呢?
时尚渐变设计。
由于我不能像我想的那样指定它,让我们使用库和工具,我介绍,以便我们可以缩短时间,甚至一点点。


*请查看每个站点的详细条款和条件。