css3新增的属性transition可以让元素产生动画效果:

用法(兼容代码):

　　-webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果)

　　-moz-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果)

　　-o-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果)

　　timing-function : linear  ease  ease-in  ease-out ease-in-out