-moz-linear-gradient和-webkit-gradient的区别



-moz-linear-gradient和-webkit-gradient的基本区别是什么?我知道这些变化是在参数中,-moz表示mozilla。但是为什么Mozilla有不同的CSS属性。webkit在这里代表什么?

但是,大多数情况下,扩展用于发布和测试在W3C的准备过程中开发的浏览器特性尚未达到候选建议地位的草案扩展允许对这些新属性进行广泛的测试成为标准的CSS属性
http://reference.sitepoint.com/css/vendorspecific

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

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

Webkit CSS属性

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

WebKit是一个开源的web浏览器引擎。WebKit也是Mac OS X系统框架版本的引擎名称,Safari、Dashboard、Mail和许多其他OS X应用程序都使用了这个引擎。WebKit的HTML和JavaScript代码最初是KDE的KHTML和KJS库的一个分支。

CSS3梯度

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

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

新语法的主要目标是简单;现在很容易编写通用渐变,正如你将在下面的示例中看到的那样。第二个目标是指定实现跨浏览器兼容的东西。

如果你还没有运行一个,去抓一个最近的夜间构建,这样你就可以看到这篇文章中的例子。

下面是一些简单的例子(注意,所有这些例子都是可调整大小的,所以你可以看到调整框的大小是如何影响渐变的):

最新更新