css - -moz-linear-gradient 和 -webkit-gradient 之间的区别

Question

-moz-linear-gradient 和 -webkit-gradient 之间的基本区别是什么。我知道更改是在参数中，而 -moz 是针对 mozilla 的。但是为什么我们对 Mozilla 有不同的 CSS 属性。webkit 在这里代表什么？

Answer 1

不过，大多数情况下，这些扩展用于发布和测试在准备 W3C 草案时开发的尚未达到候选推荐状态的浏览器功能——这些扩展允许在这些新属性作为标准可用之前进行广泛测试CSS 属性。

http://reference.sitepoint.com/css/vendorspecific

其中一些属性已包含在 CSS 规范草案中以包含在最终建议中，但仍处于试验阶段。最终的标准属性可能与当前的前缀实现不同。

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions

Answer 2

Webkit CSS 属性

http://css-infos.net/properties/webkit

WebKit是一个开源的网络浏览器引擎。WebKit 也是 Safari、仪表板、邮件和许多其他 OS X 应用程序使用的引擎的 Mac OS X 系统框架版本的名称。WebKit 的 HTML 和 JavaScript 代码开始于 KDE 的 KHTML 和 KJS 库的一个分支。

CSS3 渐变

介绍

WebKit 早在 2008 年初就通过添加对 -webkit-gradient 的支持为 CSS 中的渐变铺平了道路，自推出以来，它们已被广泛使用。

在过去的几个月中，CSS 工作组就如何使渐变语法更易于使用进行了扩展讨论，最近 Tab Atkins 在图像值和替换内容模块的最新草案中包含了一项提案。WebKit 和 Mozilla 现在已经实施了这个提议，以便网络作者可以对其进行试验，并向工作组提供反馈。请注意，该提案仍然是编辑草稿，这意味着它仍然是可能的，甚至可能由于用户反馈而改变。

新语法的主要目标是简单；正如您将在下面的示例中看到的那样，现在编写常见的渐变非常容易。第二个目标是指定实现跨浏览器兼容的东西。

如果您还没有运行一个，请去获取最近的夜间构建，以便您可以看到这篇文章中的示例。

下面是一些简单的示例（请注意，所有这些示例都是可调整大小的，因此您可以看到调整框大小如何影响渐变）：