CSS3渐变(Gradients)可以让你在两个或多个指定颜色之间显示平稳的过度，包括透明度。以前，你必须使用图像来实现这些效果。但是，通过Css3渐变(Gradients),你可以减少下载的事件和宽CSS3 Gradient 分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,。

CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用CSS3 渐变(gradients),你可以减少下载的时间和宽带的现在html5 css3已经越来越流行，用CSS3实现DIV渐变已经不是什么难事了，这篇文章给大家整理了现在常用的三种颜色渐变模式，包括线性渐变、径向渐变和重复的线性渐变，文中通过示例代码。

不过还好，到写本章内容的时候，CSS3渐变属性在IE10+、Firefox19.0+、Chrome26.0+和Opera12.1+等浏览器已完全支持W3C的标准语法，但在Webkit内核下的Safari、iOS Safari、Android浏览器二、CSS3渐变渐变是指可以在两个或多个指定的颜色之间显示平稳的颜色过渡。设置渐变可以是在background属性中设置：background:linear-gradient(direction,color-stop1,color-stop2。

今天来谈谈CSS3中的线性渐变，有了这个，好多以前必须要用图片才能实现的效果如今可能只需简单一行代码就能实现。首先看看今天的主角：linear-gradient()。它，实际上不是颜色，而是背很久之前写的一篇文章了，今天重新整理一下关于CSS3背景渐变的写法，至于是怎么来的，可以看下面渐变的详细解释。在项目中，有很多地方都用到了背景线性渐变。

CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外，渐版本：CSS3 JavaScript 语法：object.style.transition="width 2s"语法transition: property duration timing-function delay; 值描述transition-property 规定设置过渡效。