css3动画--过渡属性 transition-property

可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。

transition-property:指定过渡或动态模拟的CSS属性
transition-duration:指定完成过渡所需的时间
transition-timing-function:指定过渡函数
transition-delay:指定开始出现的延迟时间

transition-property对应具有过渡的CSS属性主要有：
[img]http://dl2.iteye.com/upload/attachment/0106/5935/02259645-4a1b-3d07-ab98-c4976966733a.jpg[/img]

transition-timing-function包括以下几种函数：
ease 默认值，速度由快到慢，逐渐变慢
linear 恒速
ease-in 渐加效果，加速速度越来越快
ease-out 渐隐效果，减速速度越来越慢
ease-in-out 先加速再减速

参加[url]http://www.w3cplus.com/mobile/mobile-terminal-refactoring-slider-animation.html[/url]有很详细的讲解。

[b]把几个transition的[color=red]声明串在一起，用逗号（“，”）隔开[/color]，可以有各自不同的延续时间和其时间的速率变换方式。第一个时间的值为 transition-duration，第二个为transition-delay:[color=blue]tr