Visual CSS Gradient Generator

描述

一款功能强大的Photoshop风格的跨浏览器CSS和SVG渐变生成器，适用于Web设计人员。

是什么让它与在线渐变创建者不同？

*无论是用角度指定的CSS线性渐变还是重复的渐变，无论指定了什么参数，都会生成相应的SVG（IE9）和旧的Webkit CSS语法。

*如果色标位于框的边界之外，则会对颜色进行插值，以便SVG和旧的Webkit渲染与CSS3外观匹配。

*一键单击即可在Chrome，Firefox，Opera和Safari中预览。

*您不受限于百分比值类型；所有值都可以表示为“ px”，“ pc”，“ pt”，“ mm”，“ cm”或“ in”。

其他特性：

*为Chrome，Firefox，IE9（SVG），IE10，Opera，Safari和旧的Webkit语法创建线性和径向渐变CSS和SVG源代码。

*具有实时更新的Photoshop风格的颜色选择器。

*选择颜色后，您可以选择所需的CSS格式，即RGB，RGB百分比，十六进制，命名或HSL。

*从径向渐变大小关键字（例如“最远角”）自动转换为其计算的位置和大小。

*自动从线性渐变范围关键字（例如“ to top top”）转换为其计算的角度。

*在单位类型（即“ px”，“ pc”，“ pt”，“ mm”，“ cm”和“ in”）之间自动转换。