Color gradient generator:在线渐变色CSS代码生成小工具

Color gradient generator:在线渐变色CSS代码生成小工具

渐变色彩在视觉上可以产生层次感,这对常看单一颜色的人来说,会更加有吸引力,以往要做出渐变色,设计师都会倾向于使用图片,原因在于各家浏览器对 CSS 所支持的程度不相同,造成观感不佳的问题。

而如今浏览器对 CSS 3 基本上都支持的情况下,要达成纯 CSS 语法就做出渐变色也变得相对简单,Color gradient generator这个免费网站提供 light、deep、rainbow 及 intense 四种渐变样式、渐变方向、渐变大小等可视化工具让让用户自行调整,完成后,就可产生 CSS 语法。

提示:如果你打不开上面的链接或者很慢,那么你需要一款网络加速器,请参考:《好用的免费网络加速器分享

Color gradient generator网站使用教程

1、打开浏览器进入Color gradient generator网站,就可以开始调整参数列,每次调整都可以立刻在反映在圆形球体上。

Color gradient generator:在线渐变色CSS代码生成小工具

2、将鼠标移到装有圆形球体的白色框中,点击在左下角出现的图示按钮,就可以自选颜色。

Color gradient generator:在线渐变色CSS代码生成小工具

3、点击[ SELECT GRADIENT],可以选择渐变模板。

Color gradient generator:在线渐变色CSS代码生成小工具

4、最后,点击[ GET CSS CODE ],便可产生CSS语法。

Color gradient generator:在线渐变色CSS代码生成小工具