定义与用法 linear-gradient() 函数用于创建一个线性渐变的 "图像"。 为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂 ...

　　CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla ...

　CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla ...

线性渐变基本语法： background: linear-gradient(direction, color-stop1, color-stop2, ...); 　　 为了创建一个线性渐变，必须至少定义两种颜色结点。同时，也可以设置一个起点和一个方向（或一个角度 ...

用线性渐变创建图像。 如果想创建以对角线方式渐变的图像，可以使用 to top left 这样的多关键字方式来实现。 示例代码： linear-gradient(#fff, #333); linear-gradient(to bottom, #fff ...

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。 本文只讲述 ...

linear-gradient linear-gradient是CSS3中新增的样式，主要用于颜色的渐变效果。MDN地址 linear-gradient在不同内核下使用方式不同，详细内容可参考w3cplus 实用栗子（在Chrome下） 缺角效果 先看效果图 ...

　　linear-gradient() (线性渐变)　　repeating-linear-gradient() (重复的线性渐变) 　　radial-gradient() (镜像渐变)　　repeating-radial-gradient() (重复的镜像渐变) 设置渐变色 ...