Mozilla渐变到其他渐变

Question

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

这是梯度我想转换：

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

Answer 1

是@omarello引用的工具是一个很好的工具。这是不是gradient你试图重现？

编辑：我做了什么重现你的渐变：渐变的名称下方

• 是梯度面板在默认情况下4个色标。
• 低于梯度，删除约50％的2色停止并保留在左侧和右侧。上面的黑色是不透明的，忽略它们的这种不透明的梯度
• 点击左边的颜色停止。在停止字段集下面的东西改变
• 点击停止区域内的颜色框，出现一个颜色选择器！ （这是不那么明显 - 上 - 第一次招）
• 在右下角，贴你的第一个颜色十六进制代码（如果它是与＃与否，colorzilla没关系是足够聪明），然后单击OK按钮
• 同为在预览区右侧
• 其他颜色停止，你想垂直方向（因为center top是top我猜想的一样，既不HORIZ。， diag。也不是径向的）和IE代码
• 那么你有一个永久链接th您可以将其作为评论粘贴到生成的代码旁边的CSS中。您或您的同事将在6个月内感谢您自己，因为您的浏览器版本为18.0时，您需要稍微更改此梯度或者必须更新渐变。粘贴固定链接，改变的东西，贴生成CSS，保存:)

Answer 2

这将帮助你在同一

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

Answer 3

有在网络上可用的许多限制梯度发电机，但他们不能创建包含重复，角度，显式位置等的复杂渐变的SVG（IE9）代码或旧的Webkit代码。

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

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