【01】CSS3Gradient分为 linear-gradient（线性渐变）和 radial-g

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

　　本文照常忽略IE不管，我们主要看看在 Mozilla、Webkit、Opera 下的应用，当然在 IE 下也可以实现，他需要通过 IE 特有的滤镜来实现，在后面会列出滤镜的使用语法，但不会具体介绍如何实用，感兴趣的可以搜索相关技术文档。

一、线性渐变在 Mozilla 下的应用

　　语法：

-moz-linear-gradient([ ||,]? , [, ]*)

　　参数： 其共有三个参数，第一个参数表示线性渐变的方向，top 是从上到下、left 是从左到右，如果定义成 left top，那就是从左上角到右下角。

第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。如图所示：

　　

　　根据上面的介绍，我们先来看一个简单的例子：

　　HTML：

查看更多关于【01】CSS3Gradient分为 linear-gradient（线性渐变）和 radial-g的详细内容...