hover 背景颜色或者图片的平滑变换（transition）

HTML代码

<div class="box">我有背景颜色的切换哦</div>

CSS代码

.box {width: 280px; display:inline-block; color: #FFFFFF; background: #51930a; text-align: center;margin:0px auto;}
.box:hover { background: #76cf16; -moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}

transition相关说明；

-moz-transition: // Firefox
-webkit-transition: // Safari、Chrome
-o-transition: // Opera
transition: //官方标准

对IE不怎么支持！！！注意！！！但也不影响使用！