温馨提示:这篇文章已超过492天没有更新,请注意相关的内容是否还可用!
这几年新出现的网络服务或应用程序都喜欢使用渐变色作为背景图,有一些则会选用高画质、高解析度免费图库照片,相较于单色背景来说,渐层色看起来更有活力,且目前技术只要透过 CSS3 语法就能将渐层运用到网页中,不会拖慢网页载入速度,语法撰写方式也很简单,几乎可以说一段语法就能快速套用背景。
本文要推荐的「CoolHue」是一个相当实用的渐层背景网站,提供大约 30 种不同配色的渐层背景,可以免费下载为图片格式或产生 CSS3 语法。只要把它加入网站样式表,就能在任何区域套用渐层色彩。
这个工具和之前介绍过的「WebGradients 收录 180 种渐层背景免费下载,一键产生 CSS 3 语法」大同小异,不过相较之下可选择的颜色就少了些,如果你觉得某个颜色不错,也能从网站里查到该颜色的色码。
网站名称:CoolHue
网站链结:https://webkul.github.io/coolhue/
使用教程
STEP 1
开启 CoolHue 网站后可以看到这些渐层颜色,每个色块左下角会有两种颜色色码。将滑鼠游标移动到色彩上方,右下角会显示「产生 CSS」及「下载图片」图示。
STEP 2
你可以使用传统方式来下载图片,获取某个渐层色背景 500×500 大小的图片,或者我推荐比较好的方法,直接将 CSS 语法放到网站样式表就能使用了!一来不用额外下载图片、减少流量,另一方面在使用或修改上也更为简单。
声明:Themecho严格遵守国家法律法规,对恶意造谣抹黑国家的违法违规行为零容忍。资料整理自网络,文章不代表本站立场。
还没有评论,来说两句吧...