css - Mozilla 渐变到其他渐变

Question

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

这是我要转换的渐变:

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

Answer 1

@omarello 引用的工具是一个很棒的工具。这不是gradient吗您要复制的那个？

编辑:我做了什么来重现你的渐变:

• 渐变名称下方是渐变面板，默认有 4 个色标。
• 在渐变下方，删除 ~50% 处的 2 个色标，并保留左侧和右侧的色标。上面黑色的是不透明的，这个不透明的渐变忽略它们
• 点击左侧的色标。下面的 Stops 字段集发生了变化
• 点击停止区内的颜色框，出现一个颜色选择器! (这是第一次使用时不太明显的技巧)
• 在右下角，粘贴您的第一个颜色十六进制代码(是否带有# 并不重要，colorzilla 足够聪明)并单击确定按钮
• 右边的另一个色标也是如此
• 在预览区域中，您需要垂直方向(因为center top 与top 相同，我猜，既不是水平方向，diag . 也不是径向)和 IE 代码
• 然后您就有了一个永久链接，您可以将其作为注释粘贴到您的 CSS 中生成的代码旁边。 6 个月后，当您想稍微更改此渐变时，或者由于浏览器版本 18.0 而必须更新渐变时，您或您的同事会感谢自己。粘贴永久链接，更改内容，粘贴生成的 CSS，保存 :)