我对 CSS3 还很陌生，我的项目的 CSS 文件中有以下样式：
.headerDiv {
background-image: linear-gradient(#04519b, #044687 60%, #033769);
............................
............................
............................
}
我很清楚什么linear-gradient(#04519b, #044687 60%, #033769);应该做的（它创建一个垂直渐变作为类名的 div 的背景headerDiv.
我必须改变它的渐变颜色，所以我在谷歌上找到了这个文档：http://www.w3schools.com/css/css3_gradients.asp
问题是我找不到 CSS 文件中使用的语法。
与我的相关：
linear-gradient(#04519b, #044687 60%, #033769);
到底代表什么：
1）第一个值（#04519b)
2）第二个值（#044687 60%），60%是什么意思？
3）第三个值（#033769)
我知道这些正在改变渐变颜色，但我不知道确切的顺序以及 60% 的含义。
梯度linear-gradient(#04519b, #044687 60%, #033769);可以解释如下：
- 渐变是从顶部开始的
to bottom of the div。这是默认方向如果没有角度（例如45deg）或者没有方向（比如to right) 被指定。
- 第一种颜色（即
0%) is #04519b. If no 色标位置指定第一种颜色，则根据规格假定其为 0%。
- The
60% is a 色标位置。那是在60%渐变图像的高度，颜色应该恰好是#044687.
- 这意味着在 0% 到 60% 之间，颜色逐渐从
#04519b to #044687.
- 最终颜色（即
100%) is #033769。与第一种颜色类似，如果没有为最后一种颜色指定位置，则假定其位置为 100%。
- 这意味着在 60% 到 100% 之间，颜色逐渐从
#044687 to #033769.
div{
height: 100px;
width: 100%;
background: linear-gradient(#04519b, #044687 60%, #033769);
}
<div></div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
