这是webkit内核渐变的老式书写规则:
-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) //老式语法书写规则;
例如:background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));

webkit-是兼容前缀，它告诉-webkit-内核的浏览器采用自己的方法来实现后缀后面的样式，一般完整的兼容前缀是：

{
    -webkit-style: value;
    -moz-style: value;
    -ms-style: value;
    -o-style: value;
    style: value;
}

这样浏览器就能自动识别支持的那一个样式。比如用chrome，它是-webkit-内核，因此只识别-webkit-前缀的样式和没有前缀的样式。-webkit-前缀告诉chrome用自己的实现方式渲染渐变，但最终样式依然由没有前缀的样式决定。