css - 是否有“官方”/标准 CSS3 渐变语法？

Question

我知道有-webkit-gradient和-moz-linear-gradient。但是定义渐变的标准方法是什么？

就像有：-webkit-border-radius并且-moz-border-radius标准是border-radius.

Answer 1

作为 2011 年的更新，Mozilla 语法现在是“官方”语法，被CSS3 Image Values 和 Replaced Content Working Draft采用。Webkit 也已更新为使用此语法，现在已合并到最新版本的 Chrome 和 Safari 中。

Answer 2

还没有，据我所知，您提供的两个示例是目前唯一可用的编码渐变。大多数 CSS3 改进都记录在CSS3.info

Answer 3

还好没有浏览器在linear-gradient语法上“标准化”，因为它在 2011 年 2 月和 2012 年 1 月之间发生了变化：

来自CSS 图像值和替换内容模块级别 3

W3C 工作草案 2011 年 2 月 17 日

5.1.1。'linear-gradient()' 语法

<linear-gradient> = linear-gradient(
[ 
  [ [top | bottom] || [left | right] ] 
  | 
  <angle>
,]? 
<color-stop>[, <color-stop>]+
);

W3C 工作草案 2012 年 1 月 12 日：

4.1.1。线性梯度（）语法

<linear-gradient> = linear-gradient(
  [ [ <angle> | to <side-or-corner> ] ,]? 
  <color-stop>[, <color-stop>]+
)

要回答您的问题：

不，没有指定渐变的标准方法。

这是因为没有标准

即使您假设“标准”是您提出问题时生效的“标准” ，那么没有浏览器支持“标准”，因为“标准”发生了变化，没有浏览器支持新标准。