用于渐变的 CSS3 Javascript 库？答案

【问题标题】：CSS3 Javascript Library for Gradients?用于渐变的 CSS3 Javascript 库？
【发布时间】：2011-08-28 07:13:49
【问题描述】：

有没有办法使用 CSS3 创建渐变，然后 - 通过使用 javascript（或服务器端？） - 我将能够支持 IE 或其他不受支持的浏览器？我的意思是 - js 库会将渐变转换为 PNG 背景..

有类似的吗？

【问题讨论】：

是否必须通过 JavaScript 从 CSS3 渐变以编程方式构建 png？或者您只是在寻找方法来创建恰好是渐变的 .PNG 文件？
我希望它们通过 JS 以编程方式构建？如果这是可能的，那么它可以节省很多跨浏览器的工作，这就是我问的原因......

【解决方案1】：

我找不到将 CSS 渐变转换为 PNG 的方法，我假设您必须事先构建它们并根据用户代理显示正确的背景（即旧浏览器的 PNG 背景）。

但是，如果您正在寻找一种在 CSS3 中为所有浏览器创建渐变的方法，请尝试以下网站：
http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
它将为您提供所有浏览器上的渐变配方。

【讨论】：

【解决方案2】：

实际上，可以使用 URL(data...) 并传递定义您的 png 的 base64 位图数据。请参阅http://www.patternify.com/ 了解该技术的实际应用示例

【讨论】：

【解决方案3】：

我还发现了这个很酷的工具：

http://www.colorzilla.com/gradient-editor/

它使您能够自定义渐变（具有许多功能），并且支持所有浏览器！凉爽的！

【讨论】：