主要介绍了CSS3中颜色线性渐变实战,示例中展示了代码设置不同渐变方向的效果,需要的朋友可以参考下

线性渐变可以设置3个参数值：方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色，起点、终点和方向默认自元素的顶部到底部。下面举例说明： CSS Code复制内容到剪贴板 .test{      background:linear-gradient(red, blue);    }   上述代码的效果如图所示。 最简单的线性渐变效果 如果要在一些旧版本的浏览器（除IE）下可以正常显示如图5.9的效果，则需要添加兼容代码： CSS Code复制内容到剪贴板