来源:旁门正道
作者:阿门
Part
1
https://uigradients.com
这个网站直接将渐变色填充成背景,可以非常直观的看到效果。
点击右边的下载按钮,可以将当前的渐变背景下载到本地
在工具栏中央也可清楚看到渐变色的颜色代码
点击工具栏左侧的菜单按钮可以看到更多的渐变色
如果你比较随性,想用运气来挑选渐变色,还有一种简单的方法
“点击左右两边的箭头按钮也可以切换颜色”
看明白了吗?
把网址后面的主题标签去除掉,就会重新随机生成一个标签。
还可以生成前端的CSS代码,看得懂的一眼就看懂这是怎么用的了。
Part
2
https://webkul.github.io/coolhue/
和上面介绍的网站类似,也有对应的颜色代码,CSS代码,图片。
不同的是,这里可以下载渐变格式文件
接着在预设中替换渐变
Part
3
https://webgradients.com/
最后再推荐一个网站,里面的渐变样式非常漂亮。
同样也可以复制代码和渐变预设文件
- END -
"上海校园文化"公众号是一个致力于打造校园文化垂直类目的内容服务频道,新增设计相关资讯栏目,由原来的每周更新改为每日更新,在对校园文化内容的质量要求更高的同时,也保证持续的汲取和分享新的知识,共勉。
领取专属 10元无门槛券
私享最新 技术干货