西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
今天给大家分享一个有180种渐变配色的网站：Web Gradients。 这个和我们上次分享的UIgradients网站类似，不过这个网站不仅有漂亮的渐变颜色，还有更多的格式选择，比如PSD、Sketch、PNG等渐变网站，并且可以直接复制成CSS渐变代码，这样设计师就可以轻松地使用这个配色方案。
关于渐变配色，当然也有很多好文章，比如：《如何使用滤色镜创造精彩的网页设计》、《46款高端网页渐变背景素材——HUE》、《126种世界知名品牌色彩》
网站名称：网页渐变
网址：（已添加至设计导航）
CSS 库：
当我们打开网站时，我们可以直接看到首页显示的N种颜色。 只需单击其中之一渐变网站；WebGradients – 提供 180 种渐变颜色灵感的网站，就会显示全屏渐变。 使用方法也很简单liquid开发，只需下载Sketch/PSD或复制十六进制颜色代码即可！
CSS样式库的使用
除了直接复制一段CSS代码之外，我们还可以下载整个CSS样式库，方便在项目中直接调用。 首先我们下载这个CSS库：
第 1 步：导入 CSS 文件
<link href="webgradients.css" rel="stylesheet">
...
第 2 步：只需向元素添加一个类即可。 类名是渐变颜色的名称。 例如007 Sunny Morning对应的class="sunny-morning"
...PS：关于设计稿中渐变的使用shopify搭建，小编直接将截图（一次取多种颜色）导入到文档中，然后直接吸收颜色来快速对比配色方案渐变网站，这样就不需要剪窗子了好麻烦>_<
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。