Question

如何从Mozilla渐变开始为其他浏览器制作渐变。我已经使用了一段时间的Mozilla渐变，但我最近发现你需要为css代码中的每个浏览器制作一个渐变，以便它可以在所有浏览器上运行。我只看过网站让你创建一个渐变，它会为所有浏览器生成代码，但我还没有找到一些东西来为所有其他浏览器制作一个moz渐变。

这是我要转换的渐变：

background-image: -moz-linear-gradient(center top , #9BC0DD, #C9DEED);

Answer 1

@omarello引用的工具是一个很棒的工具。这个gradient不是你要重现的吗？

编辑：我为重现你的渐变做了什么：

是渐变面板，默认情况下有4个颜色停止。
在渐变下方，删除2色停在~50％并保持左右。上面的黑色用于不透明度，忽略它们用于这个不透明的渐变
点击左侧的色标。事情在下面的停止字段集中发生了变化
点击停靠区域内的颜色框，会出现一个颜色选择器！（这是第一次不那么明显的伎俩）
在右下角，粘贴您的第一个颜色十六进制代码（如果它与＃或不相关无关紧要，colorzilla足够智能）并点击确定按钮
右侧的其他颜色停止相同
在预览区域中，您需要垂直方向（因为center top与top相同我猜，无论是horiz。，diag。还是radial）和IE代码
然后你有一个永久链接，您可以在生成的代码旁边的CSS中粘贴评论。您或您的同事会在6个月内感谢您自己想要略微更改此渐变或因为浏览器版本18.0而需要更新渐变时。粘贴永久链接，更改内容，粘贴生成的CSS，保存：）

Answer 2

这可以帮助您实现相同的

Answer 3

网上有许多有限的梯度生成器，但它们不能为涉及重复，角度，显式位置等的复杂梯度创建SVG（IE9）代码或旧的Webkit代码。

VisualCSSTools处有一个小应用程序，它将为所有CSS线性和径向渐变创建代码。

唯一的限制是旧的Webkit语法不允许椭圆径向渐变;这些被转换为圆形渐变。