【免费】180种渐变色配色方案,一键生成CSS代码-Webgradients

「Webgradients」为设计师提供了UI背景渐变配色,目前共收录了180个渐变配色方案,可轻松生成CSS3代码,复制后即可使用。「Webgradients」还可将渐变方案保存为PNG格式图片,同时还提供了.SKETCH和.PSD格式的文件,方便广大设计师在SKETCH和PS中快速填充渐变色。

打开「Webgradients」后,可以看到预设好的渐变配色方案。

点击某个配色方案中的渐变色区域,可以全屏预览该渐变色。

渐变色方案左下角包含两个色彩的十六进制颜色编码,可以复制后使用。

为了方便前端开发,「Webgradients」也提供CSS样式,点击【Copy CSS】按钮后,到编辑器中粘贴即可。

如果想要保存渐变色配色方案,可以点击渐变色右上角的【↓】按钮,点击后将会在新窗口打开这个图片,然后鼠标右键“图片另存为”即可。

「Webgradients」还提供了一个CSS 样式库,可以在项目中直接调用。首先需要先下载一个CSS库:https://github.com/itmeo/webgradientsSTEP。然后给元素添加class ,class 名称就是渐变色的名,比如006 Lady Lips 对应的 class="lady-lips"。

版权声明:admin 发表于 2021年9月18日 上午8:52。
转载请注明:【免费】180种渐变色配色方案,一键生成CSS代码-Webgradients | 蜂库

相关文章

暂无评论

暂无评论...