用背景颜色慢慢改变div的内容

Question

我有div 以下css条目

#results { 
background: #dddada; 
color: 000000; 
cursor: pointer; 
}
#results:hover { 
background: #3d91b8; 
color: #ffffff; 
}

如何缓慢地改变其内容(文本),而不是让整个div消失然后出现使用fadeIn和fadeOut.

Answer 1

使用CSS3的过渡:

#results { 
background: #dddada; 
color: 000000; 
cursor: pointer; 
transition: color 1s ease;
transition: background 1s ease;
}
#results:hover { 
background: #3d91b8; 
color: #ffffff; 
}

一旦你悬停它应该为你改变颜色

http://jsfiddle.net/QBZKb/