设计 灵感
webgradients

渐变配色参考

标签:

Webgradients 提供180种渐变配色方案的免费集合,你可以使用它作为你网站的任何部分的内容背景。还准备了 PSD, Sketch, PNG等格式, 以及可直接复制成一段 CSS 渐变代码。

打开网站我们就能直接看到 N 种配色展现在首页,只需要点击其中一个,就会显示全屏渐变。使用方法也非常简单,直接下载 Sketch/PSD 或复制十六进制颜色编码即可!

webgradients

CSS 样式库的使用

除了直接 copy 一个 CSS代码外,我们可还以下载整个 CSS 样式库,方便在项目上直接调用。首先我们下载这个 CSS 库:https://github.com/itmeo/webgradients

STEP 1: 引入 CSS 文件

<html>
  <head>
    <link href="webgradients.css" rel="stylesheet">
  </head>
  ...

STEP 2: 给元素加入 class 即可,class 名称就是渐变色的名,比如003 Happy Fisher 对应的 class=”happy-fisher”

<div class="happy-fisher">...</span>
webgradients
资源访问此资源仅限注册用户访问,请先

相关导航

暂无评论

暂无评论...