通过 CSS3 Transition过渡，我们可以在不使用 Flash 动画或 JavaScript 的情况下，做出元素从一种样式逐渐变换为另一种样式的动画效果。
比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这个过程可以自定义。
语法
transition: property duration timing-function delay;
【1】transition-property：
规定应用过渡效果的 CSS 属性的名称（当指定的CSS属性改变时，过渡效果开始），其默认值为 all 。
【2】transition-duration：
规定完成过渡效果需要的时间（单位为 s 或 ms），其默认值为 0s ，意味着如果不指定这个属性，将不会呈现过渡效果。
【3】transition-timing-function：
规定过渡效果的时间曲线。
默认 ease ：慢速开始，中间变快，慢速结束；相当于 cubic-bezier(0.25, 0.1, 0.25, 1)。
可选 liner：匀速运动；相当于 cubic-bezier(0, 0, 1, 1)。
可选 ease-in：慢速开始；相当于 cubic-bezier(0.42, 0, 1, 1)。
可选 ease-out：慢速结束；相当于 cubic-bezier(0, 0, 0.58, 1)
可选 ease-in-out：慢速开始，慢速结束；相当于 cubic-bezier(0.42, 0, 0.58, 1)
可选 cubic-bezier(n, n, n, n)：在 bezier 函数中自定义 0 ~ 1 之间的数值。
贝塞尔时间曲线详解。。。
【4】transition-delay：
规定过渡效果的延迟时间，默认为 0s 。
复合属性
在使用复合属性定义过渡效果时，子属性之间用空格分隔。
transition: width 2s linear;
transition 属性可以指定多个值，当指定多个值时，中间用逗号分隔。
transition: width 2s ease-in-out, height 2s ease-in-out;
