CSS3实现过渡效果 (transition)使用方式

CSS3中新增的transform属性，可以实现元素在变换过程中的过渡效果，实现了基本的动画。

格式:transition的语法：transition：  transition-property   ||   transition-duration   ||
transition-timing-funciton   ||   transition-delay   ；

其参数的取值说明如下：

<transition-property>:定义用于过渡的属性；

<transition-duration>:定义过渡过程需要的时间（必选，否则不会产生过渡效果）

<transition-timing-function>:定义过渡的方式；

<transition-delay>:定义开始过渡的延迟时间；

transition-property
transition-duration

transition-timing-function

transition-delay

使用transition属性定义一组过渡效果，需要以上四个参数。transition属性可以同时定义

两组或两组以上的过渡效果，组与组之间用逗号分隔。

兼容

基于webkit内核的私有属性是：-webkit-transition

基于gecko内核的私有属性是：-moz-transition

基于prestot内核的私有属性是：-o-transition