84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
没见过这种语法格式欸，有点不懂什么啥意思
见过的都是这种格式background: linear-gradient(direction, color-stop1, color-stop2, ...);
关于第一种格式希望大神能解析一下并且推荐一些资料谢谢！
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
这是webkit内核渐变的老式书写规则:-webkit-gradient(, [, ]?, [, ]? [, ]*) //老式语法书写规则;例如: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用自己的实现方式渲染渐变，但最终样式依然由没有前缀的样式决定。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这是webkit内核渐变的老式书写规则:, [, ]?, [, ]? [, ]*) //老式语法书写规则;
-webkit-gradient(
例如: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用自己的实现方式渲染渐变，但最终样式依然由没有前缀的样式决定。