transition: background-color 0.5s ease-in 0s

Transition描述:

“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。"

语法:

transition ： [ || ||

|| [, [ ||

|| || ]]*

示例:

a {

-moz-transition: background 0.5s ease-in,color 0.3s ease-out;

-webkit-transition: background 0.5s ease-in,color 0.3s ease-out;

-o-transition: background 0.5s ease-in,color 0.3s ease-out;

transition: background 0.5s ease-in,color 0.3s ease-out; }

}