本文目录一览：
CSS3里面的线性渐变:linear-gradient参数是什么样子的?
1、linear-gradient 线性渐变的方向是一条直线，可以是任何角度，向下/向上/向左/向右/对角方向。看一个简单的例子。repeating-linear-gradient（）表示重复的线性渐变。
2、首先大家要知道，CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。本节先重点介绍线性渐变-Linear Gradients。
3、CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
4、linear-gradient([ [ angle | to side-or-corner ] ，]？ color-stop[， color-stop]+)这是一个线性渐变，第一参数是渐变方向，是可选的。可以是角度，angle的值是度数，比如45deg，90deg。-lineargradient
5、}重复的线性渐变：repeating-linear-gradient语法和参数类似线性渐变，这里不在赘述。详情请参考CSS手册。
6、CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
在CSS3中常用的几种颜色渐变模式
下面我们就给大家介绍一个常见的css3渐变效果。首先大家要知道，CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。本节先重点介绍线性渐变-Linear Gradients。-lineargradient
Linear Gradients（线性梯度渐变） 为元素盒模型填充线性渐变是最常用的。你只需要考虑渐变从哪个方向开始。据马海祥了解有两种方式可以去指定它。
如上图所示，从中心开始颜色从#4b6c9c过渡到#5ac4ed，再从白色过渡到白色。于是就形成上图中蓝白条间隔的重复渐变效果。上图是从#9492ff过渡到颜色#ccccff的重复径向渐变。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
如何利用CSS3的线性渐变linear-gradient制作边框
1、语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。-lineargradient
2、如图所示，渐变的边框是一个 li 标签，要给他的 border-bottom 设置颜色渐变。
3、CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
