css3渐变属性中的线性渐变

CSS3渐变属性，是CSS3新增的一个非常重要的样式属性。其中，线性渐变（linear-gradient），是应用较为广泛的一种渐变效果。

    background: linear-gradient(to right,red,green);

上述代码表示将背景颜色从左侧渐变到右侧，颜色从红色渐变到绿色。其中，to right表示渐变方向为从左往右，也可以改成to left、to top、to bottom等。
如果要实现颜色渐变止点，只需要在颜色之后加入相应的百分比值即可。

    background: linear-gradient(to right,red 20%,yellow 50%,green 80%);

上述代码表示从左往右渐变，红色颜色占总长度的20%，黄色占50%，绿色占80%。

同时渐变色也可以使用多种样式，如下所示：

    background: linear-gradient(to right,rgba(255,1) 0%,255,1) 50%,rgba(0,1) 100%);

这段代码表示从左往右渐变，红色颜色从0%开始，黄色颜色从50%开始，绿色颜色从100%开始。同时，这里的颜色值不仅可以使用rgb(红绿蓝)颜色值，还可以使用rgba(红绿蓝透明度)颜色值。
此外，线性渐变还可以实现斜向的线性渐变以及径向渐变，更多相关知识可以继续深入学习。