css3的线性渐变

这种渐变你必须定义至少两种颜色，也就是说可以更多种甚至不限制数量。

语法如下：

1	background:<strong> linear-gradient</strong>(direction, color-stop1, color-stop2, ...);

 

第一个参数为方向，如果我们不指定，那么默认为从上到下。第一个颜色参数即为开始的第一个颜色。如下：

如果需要从左到右，可以添加第一个参数，对于标准而言，第一个参数是to right，如下：

当然，我们还可以使用任何我们想要的角度，语法如下：

1	background:linear-gradient(angle,color1,color2,....);

注意，角度如下所示：

2.使用透明度（Transparency）

　在css3中也支持透明度，可以用于创建减弱变淡的效果。方法很简单，只需要把颜色使用rgba()来表达即可，rgba的最后一个值表示不透明度：0表示完全透明，1表示完全不透明。