01-渐变

第11章　渐变

单词“渐变”有许多不同的含义，但在CSS中，渐变被严格地定义为一系列（或者至少两种）颜色之间的缓慢过渡。CSS渐变是一种最近才发展起来的技术，但却已经历经许多改变。它们最初是由WebKit团队在2008年4月的时候所提出，从HTML5为canvas元素所提议的语法修改而来。2009年8月的时候，Mozilla宣布将在Firefox的下一版本（3.6）实现从WebKit修改而来的渐变。

然而，从那时起W3C的CSS工作小组就提议对该语法做更进一步的修改，而这一语法位于图像取值模块（Image Values Module，http://www.w3.org/TR/css3-images/）的最新修订版中。随着Mozilla团队的快速转变，新的语法也进入到Firefox 3.6之中。

WebKit团队已经表示它的现有实现将肯定要改为修改的版本，但该团队要先讨论几个元素的实现。在写我这本书的时候，原始的语法已经在所有的WebKit浏览器中得到实现。

和本书其他大部分章节不同，这一章我会在每个例子中都展示两种不同的语法。我们无法知道WebKit什么时候会改变它的语法，所以我会讨论它们当前所实现的语法。在这一整章中，我会使用“Firefox语法”而不是“W3C语法”，因为W3C规范仍然非常新，并且还在变化当中。

这两种语法有几处不同，但其中最为重要并且非常明显的不同是，Firefox的实现使用了两个函数（-moz-linear-gradient和-moz-radial-gradient），反之WebKit只使用一个单独的函数（-webkit-gradient），并且带有两个类型值（linear和radial）。这两种语法随着这一章学习的进展将会变更加清晰。

注意： 正在本书即将付印的时候，WebKit团队实现了W3C的标准属性，该属性带有-webkit-前缀：所以尽管这些属性在我写书的时候还没有在任何浏览器中实现，但在将来你应该会使用到它们。不过，为了向后兼容，本章所讲解的这些当前的实现在可预知的将来仍然会保留在WebKit浏览器中。