CSS3 定义了两种类型的渐变（gradients）：
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...)
径向渐变（Radial Gradients）- 由它们的中心定义
语法：background-image: linear-gradient(angle, color-stop1, color-stop2)
transition的语法：transition： transition-property || transition-duration ||transition-timing-funciton || transition-delay ；
其参数的取值说明如下：
<transition-property>:定义用于过渡的属性；
<transition-duration>:定义过渡过程需要的时间（必选，否则不会产生过渡效果）
<transition-timing-function>:定义过渡的方式；
<transition-delay>:定义开始过渡的延迟时间；
使用transition属性定义一组过渡效果，需要以上四个参数。transition属性可以同时定义
两组或两组以上的过渡效果，组与组之间用逗号分隔。
基于webkit内核的私有属性是：-webkit-transition
基于gecko内核的私有属性是：-moz-transition
基于prestot内核的私有属性是：-o-transition
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div {width: 200pxheight: 150pxbackground: linear-gradient(red, white)}
3、浏览器运行index.html页面，此时td中的div的背景颜色从红色到白色渐变。
